Design comparison
SolutionDesign
Solution retrospective
"I'm finding it difficult to make it responsive. Could anyone help me with this task?"
Community feedback
- @MaximilianoDanielGarciaPosted 10 months ago
Hi María Paula, good job!
In response to your question. You need to use media queries to change its design on different screen sizes. Here an example:
@media screen and (width <= 650px) { .container { display: flex; flex-direction: column; } }
The code above changes the properties of your
.container
class when the screen width is less or equal than 650px. Visit w3schools for more details about media queries.I hope these was helpful to you.
Marked as helpful0
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