the display grid ; a lot of percentages insead of pixels

Community feedback

• 

  Lucas 👾•104,340

  @correlucasPosted over 2 years ago

  👾Hello Nelson, congratulations for your new challenge solution!

  I've some tips for you to improve it:

  1.First of all add the correct color for the background, in this case the cream color is background-color: hsla(30, 38%, 92%, 1);

  2.To align correctly the component you need to remove the margins and use flexbox/min-height. See the corrections below:

  body {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      /* margin-top: 100px; */
      font-size: 15px;
      min-height: 100vh;
      background: hsla(30, 38%, 92%, 1);
  }
  

  3.For a better management for mobile and desktop images use the <picture> tag to wrap both of them and set in the html the moment when the images should switch between devices.

  Hope it helps and happy coding!

  0

  ---

  

  nelson•160

  @HyoganPosted over 2 years ago

  @correlucas Ok i'll try it !! Thank you !!

  0