index.html
and styles.css
with a more structured layout and improved design:
index.html
styles.css
Key Updates:
-
HTML Structure: The modal structure remains the same but is now more semantically separated, with comments added for better readability.
-
CSS Styling:
-
Buttons have specific styles with shadows and hover effects.
-
The modal header is styled with a background color and box-shadow.
-
The modal footer is centered with
justify-content: center
. -
Image is styled to ensure it has a circular shape with
rounded-circle
and proper shadows for a more elegant look. -
Added extra spacing and typography for the text inside the modal.
-
-
Text and Layout: The Typography has been refined for the modal content, making the text more readable, and the button looks more prominent.