I cant seem to get regular css to work in my next js 13 project. im a noob pls

Question

I cant seem to get the default css to work in my next 13 project. I have a page.modules.css file and i'm using classname = styles.style

page.tsx

import styles from'./page.module.css'
export default function Home() {
  return (
    <div className={styles.testStyle}>
      send help
    </div>
  )
}

page.module.css

.testStyle {
    border-width: 2;
    border-color: #990099;
}

Try `className={'testStyle'}` – ee-4-me Aug 19 '23 at 19:24 — ee-4-me, Aug 19 '23 at 19:24

score 0 · Answer 1 · answered Aug 19 '23 at 19:30

0

You need to correct your css class to be like this:

.testStyle {
  border: solid #990099 2px;
}

answered Aug 19 '23 at 19:30

Emad Younan

37
4

score 0 · Answer 2 · answered Aug 19 '23 at 19:32

0

semicolon missing after )

import styles from './page.module.css';

export default function Home() {
  return (
    <div className={styles.testStyle}>
      send help
    </div>
  );
}

answered Aug 19 '23 at 19:32

Dhruvi Joshi

19
7

add a semi-colon doesn't make the css work out of the blue. – Samson Iyanda Aug 24 '23 at 22:43

I cant seem to get regular css to work in my next js 13 project. im a noob pls

2 Answers2