Design comparison
Solution retrospective
How do I go about the responsive layout for this challenge cause I don't really understand responsive layout and media queries yet.
Community feedback
- @Derrick-ndemoPosted over 2 years ago
Hello there, I as a newbie will try to explain media queries to the best of my understanding.
Media query is a CSS technique introduced in CSS3.
It uses the @media rule to include a block of CSS properties only if a particular condition is true.
Example If the browser window is 600px or smaller, the background color will be light blue:
@media (max-width: 600px) { body { background-color: lightblue; } } As for this specific project, you can check out my page or codepen (https://codepen.io/derrick-ndemo) on how I did it
Marked as helpful1
Please log in to post a comment
Log in with GitHubJoin 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