Skip to content
OverviewSolutions
7
Comments
2
Lungten Wangchuk
@thelungten

All comments

  • Lungten Wangchuk•110
    @thelungtenPosted over 1 year ago

    You are one of the closest solutions for the desktop for this challenge. Well done. Few suggestions:

    You did not take care of the mobile design:

    • Use @media query in order to make breakpoints which can make your page responsive.
    • Go through various solutions in Google explaining how to make a hamburger menu, it is one of the most enjoyable things to make.

    Good luck.

    0
  • Lungten Wangchuk•110
    @thelungtenPosted over 1 year ago

    Your solution is interesting. Let me share you one tip that will make your life 200% easier on centering the whole content on challenges like this (putting the whole content at the center of the body). I can see that yours is bit off to the top. Centering div is the hardest part of it, afterall, isn't it?

    Anyway, here is the tip:

    On your parent container (.body in your case), use:

    display: grid;
place-content: center;

    And see your whole content magically appear on the center of the page.

    Let's keep coding and learning.

    Marked as helpful
    1