css Question posted in
Some basic documentation can be found here.

My CSS is my react app isn't working as expected

I’m working in this code branch. It’s a simple contacts app written with React as a self-study exercise.

My current problem is that when I click my add contact button, the add contact form in my modal is not styled correctly.
I’m trying to style it to modal-content from ./css/addContactModal.module.css which is called within AddContactModal.js.
enter image description here
Can someone advise me where I’ve gone wrong with respect to changing the modal form’s CSS?

Tags:

3

Answers


  1. 0

    I think you just need to change the className in your css file addContactModal.module.css line 11 from modal-content to modalContent.

    Login or Signup to reply.
  2. 0

    i have downloaded your code and it works well.
    your code is correct and style is appled to the correct element.

    you can add below css to addContactModal.module.css

    .modal input {
  background-color: red;
}

    the screenshot here:
    enter image description here

    Login or Signup to reply.
  3. 0

    Class .modal-content:

    The class is defined as .modal-content in the CSS styles, but in the React component, you’re using .styles.modalContent instead.

    Make sure to align them so that the styles are correctly applied to the React component.

    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search