QR scan code

Community feedback

• 

  P

  Lo-Deck•2,650

  @Lo-DeckPosted over 1 year 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.

  Marked as helpful

  0

  ---

  

  Faruk Olawale•300

  @OlawalefarukPosted over 1 year ago

  thank you very much @Lo-Deck

  0
• 

  Melaku Alehegn•260

  @MelakuAlehegnPosted over 1 year 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.

  Marked as helpful

  0

  ---

  

  Faruk Olawale•300

  @OlawalefarukPosted over 1 year ago

  i really appreciate @MelakuAlehegn

  1

  

  Melaku Alehegn•260

  @MelakuAlehegnPosted over 1 year ago

  @Olawalefaruk anytime.

  0