Skip to content
Submitted over 2 years ago

using flexbox for the first time, it's not responsive.

David ferreira•40
@davidferreirad1
A solution to the Product preview card component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

using flexbox for the first time, I couldn't make the site responsive, however, I'm studying to improve.

Code

Please log in to post a comment

Log in

Community feedback

  • Kevin Tatagiba•270
    @kevintata

    👨‍💻 Hey man! Great job on the challenge!

    Flexbox is a very powerful and useful tool!

    Some tips I have are 🤔

    👨‍💻 1 - Separate the main from the container id and use a div for that function!

    <main>
     <div id= "container">

     </div>
</main>

    📐 2 - Set display flex to your main and use justify content and align items both to center your project!

    main{
     display:flex;
     justify-content:center;
     align-items:center;
}

    😃🎨 3 - All the exact colors can be found in the style guide!

    (name looks brazilian... se quiser falar em portuguese tô a disposição!)

    Marked as helpful

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