Skip to content
Submitted almost 4 years ago

Need help with responsive design

Peter Klink•165
@Peterklink
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...FAQ accordion card
  • HTML
  • CSS
  • JS
1newbie

Design comparison

SolutionDesign

Solution retrospective

Hi. Desktop version should be peretty good. But I#m having trouble with gettin the right margin in the mobile size. Any tips on how to make it fit for all different sizes/ side ratios? Greets!

Community feedback

  • Szymon Rojek•4,540
    @SzymonRojekPosted almost 4 years ago

    Hi,

    It is good to think about the structure of your project before coding. I prefer to start from the mobile first, then desktop, try to build all "boxes" by using flexbox or grid, grid & flexbox together - responsive structure, then content. I read that grid is amazing for layouts and flexbox for content inside of the boxes - check it out here.

    In my simple projects I have used wrapp-container and inside is the main content with footer for example. Then you can easily get the margin.

    That's it from me. Ps. don't forget to upvote any comments on here that you find helpful.

    Greetings :D

    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