Try to be responsive using display flex

Community feedback

• 

  Bibiwei Pere•490

  @Bibiwei-PerePosted over 1 year ago

  Hi

  Congratulations on completing this challenge

  Firstly, use min-height instead of height. Using height makes your solution not scrollable on smaller screens. Also the appropriate background color for the body tag is given below

  .body {
  min-height: 100vh;
  background-color: hsl(212, 45%, 89%);
  }
  

  Lastly, remove box-shadow from .tile because it's not necessary for this challenge

  Overall, you did a great job 👍

  Hope you find this helpful

  0

  ---

  

  Mrintoxx•50

  @mrintoxxPosted over 1 year ago

  @Bibiwei-Pere Thanks for your comments, I've read what you say about min-height, I'm using it now. For the box shadow and background color, those were just design variations, I wasn't trying to replicate the visual exactly.

  0

  

  Bibiwei Pere•490

  @Bibiwei-PerePosted over 1 year ago

  @mrintoxx Okay chief 👍 Let's connect on GitHub

  0