Skip to content
OverviewSolutions
23
Comments
3
Bobby S
@bobbe86

All comments

  • Bobby S•340
    @bobbe86Posted about 2 years ago

    Great Job! You did very well with the sidebar and lining it along the actual menu and not the viewport. If you want to center the mobile version, I would try margin-inline:auto or margin:0 auto. but it's always trial and error. everything is lined up just like the original. the sizing looks great as well. try using CSS grid for the responsive design and use multiple breakpoints.

    Marked as helpful
    1
  • Bobby S•340
    @bobbe86Posted about 2 years ago

    Great job. There is a good w3schools link on how to make a sidebar nav that I used for this challenge. I also used grid-temple-areas to make the responsiveness work a little better. my first thought with this layout was grid because of the column and rows. You also did a great job making little changes from the original design.

    0
  • Bobby S•340
    @bobbe86Posted over 2 years ago

    Nice job. Just so you know, they have the colors and fonts used in the style-guide file. I would also try display:flex on your css with justify (content or items?):center and align (items or content):center to get it right in the middle. I never know which one will work so I always try with both. Justify controls the left and right movement while align controls the up and down.

    Marked as helpful
    1