Solve the problem of invalid button class in CSS

Question

I have completed the code for this navigation bar using ReactJS, but the button class does not work. I tried basic button styling but it didn't work. I'm new to this so can't find the wrong part.

jsx file->>This is a jsx file

css file->>This is the css file

Final Output->>Final Web View

I want to add styles to the buttons but when I select the button class from css it doesn't work.

Answer 1

Add the class attribute to the <button> tag, and the class attribute value is "button".

Your design should be applied to the button itself, not the div container.

Answer 2

Actually you are styling a div, if you want to style a button add the class name to the button<button className='button'>contact</button>