Summary Result Component

Solution retrospective
"I'm finding it difficult to make it responsive. Could anyone help me with this task?"
Please log in to post a comment
Log in with GitHubCommunity feedback
- @MaximilianoDanielGarcia
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 helpful
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