My first little layout with css Grid and Flexbox.

Community feedback

• 

  Mijail Hernandez•950

  @MishaHernandezPosted almost 4 years ago

  Hi Enol-Igareta!

  • The problem is the left margin of the image (.card__img) inside the main container ( .container), this margin has a size that overflows the grid, and finally the margins that help to center this container also overflow it from the viewport.
  • A solution would be to remove the left margin and align the image using flexbox or assigning it display: block; margin-left: auto;

  Greetings and I hope my comment has been useful :)

  1
• 

  Enol Igareta•115

  @Enol-IgaretaPosted almost 4 years ago

  Why is the design comparison out of square with the original design if my live server is in the center? sorry

  0

  ---

  

  David Ouma•270

  @daudi13Posted almost 4 years ago

  @Enol-Igareta Hi, try to horizontally center your header in your media query by probably adding a width and a margin auto. I think that should work because I experienced the same problem too. Keep up the good work. Happy coding!

  1