Skip to content
Submitted over 1 year ago

Responsive results summary component

Lucas Quaroni•60
@LucasQuaroni
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

Hi! I have really good time doing this challenge, but i have a problem. When i open the page, in this case, a Samsung S8+, the superior part of the screen goes up. I cant set any margin-top or padding in the body beacause when i open the page on an Iphone 13, there is a big empty space. What should i do? Thanks!

I SOLVED IT!

Community feedback

  • Pedro de Castro Tedesco•190
    @PedrodeCTedescoPosted over 1 year ago

    Hi there! hmmm maybe try to change the units of width and height of the body. The units vh/vw are relative to the height and width of the viewport, so when you open the page on Samsung S8+ and iphone13 the layout its different because we are dealing with different lenghts in width and height of them.

    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