QR scan code

Community feedback

• 

  P

  Lo-Deck•3,740

  @Lo-Deck

  Posted about 2 years ago

  Hi, well done for your challenge.

  Here some tips to resize your website

  body{
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  background-color: rgb(226, 238, 248);
  }
  
  .background {
  
  }
  

  I changed a few things on the body to correctly resize and center it.

  Hope to be helpful.

  01

  Marked as helpful
• 

  Melaku Alehegn•260

  @MelakuAlehegn

  Posted about 2 years ago

  Congratulations on your first project @Olawalefaruk. the design looks good and you have made it almost the same. But you can improve on the layout of the page by centering every content on the page. yours has been pushed to the left top corner of the page. you can achieve this by targeting the body and using flexbox to center everything in it. here is a sample code you can use,

  body{
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100vh;
  background-color: hsl(212, 45%, 89%)
  }
  

  this will center everything and will set the body the right color. I hope you'll find this helpful.

  02

  Marked as helpful