Welcome to my Responsive Page

Solution retrospective
Uses meta viewport for responsiveness.
Implements flexbox for content alignment.
Applies media queries to change the background image based on screen width.
Please log in to post a comment
Log in with GitHubCommunity feedback
- @NitiemaAllassane
This solution looks great in terms of design. However, it is recommended to separate the HTML and CSS files and then link them together like this:
<link rel="stylesheet" href="style.css">
I think that instead of setting a background image on the body element, you could have simply used a color.
Instead of this:
body { background-image: url('./design/desktop-design.jpg'); }
You could have written this:
body { background: hsl(212, 45%, 89%); }
Otherwise, I find your work visually amazing! 😊😊
Marked as helpful - @Jezzoner
Hmmmmmm... no words
Join our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord