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.
Can someone advise me where I’ve gone wrong with respect to changing the modal form’s CSS?
>Solution :
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.