Skip to content
Submitted over 3 years ago

HTML5 and CSS solution

Brandon Nhem•110
@brandonnhem
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Fylo data storage component
  • HTML
  • CSS
2junior

Design comparison

SolutionDesign

Solution retrospective

What breakpoints should I always focus on to make sure I cover all my bases? I went for the bare minimum of the listed requirements 375 and 1440. Also why is my solution's screenshot not matching up what's on my local file? I inspected my page at 1440 x 1057

Community feedback

  • Jose Luis Flores Vacio•210
    @JoseLuisFVPosted over 3 years ago

    Hi. I'm not sure but, I use between 900px and 1050px for monitor, and start design with a 375px with for mobile.

    1
    Brandon Nhem•110
    @brandonnhemPosted over 3 years ago

    @JoseLuisFV Are you adding it to your CSS like this?

    media only screen and (min-width: 900px)

    and

    media only screen and (min-width: 1050px)

    0
    Jose Luis Flores Vacio•210
    @JoseLuisFVPosted over 3 years ago

    @brandonnhem Not at same time, I wanted to say that in some challenge used 900px, other 930px, other 1000px, and it depends on challenge content.

    1
    Brandon Nhem•110
    @brandonnhemPosted over 3 years ago

    @JoseLuisFV Got it, thanks! I'll try to see if I can fix up my solution

    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