Skip to content
Submitted over 1 year ago

result-summary-component-main-project

Ralphdany•170
@Ralphdany
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Results summary component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

I had some difficulties while adjusting the responsiveness of the webpage. If possible I will like to have some explanations on how to set the responsiveness of a web page.

Community feedback

  • Efere Precious•580
    @justEferePosted over 1 year ago

    You did great and it's responsive. My approach is mobile first and then desktop and here's how to make it responsive.

    @media screen and (min-width: 425px){

}
@media screen and (min-width: 768px){

}
@media screen and (min-width: 1024px){

}
@media screen and (min-width: 1440px){

}

@media screen and (min-width: 2560px){

}

    The last one 2560px is optional, but I have to with the type of laptop I use

    Marked as helpful
    0

Please log in to post a comment

Log in with GitHub

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