Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Summary Result Component

@paupalazzesi

Desktop design screenshot for the Results summary component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


"I'm finding it difficult to make it responsive. Could anyone help me with this task?"

Community feedback

@MaximilianoDanielGarcia

Posted

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

0

Please log in to post a comment

Log in with GitHub
Discord logo

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