Responsive Landing Page Using CSS Flex-Box

Community feedback

• 

  Lucas 👾•104,340

  @correlucasPosted about 2 years ago

  👾Hello Nenkimwa, Congratulations on completing this challenge!

  Here’s some tips to improve your component design:

  Use background-size: cover to make the background taking the full size of hte screen:

  body {
      background-size: cover;
      background-color: hsl(257, 40%, 49%);
      background-image: url(images/bg-desktop.svg);
  }
  

  ✌️ I hope this helps you and happy coding!

  Marked as helpful

  0

  ---

  

  Nenkimwa Kangdim•90

  @Fanuel369Posted about 2 years ago

  @correlucas thanks for your feedback

  0
• 

  Hyron•5,870

  @hyrongennikePosted about 2 years ago

  Hi,

  Good first attempt on the challenge

  To get yours as close to the design as possible. you can add the following.

  body {
      display: flex;
      flex-direction: column;
      min-height: 100vh;
      max-width: 1440px;
      margin: 0 auto;
  }
  

  I'm also not seeing your social icons

  Marked as helpful

  0

  ---

  

  Nenkimwa Kangdim•90

  @Fanuel369Posted about 2 years ago

  @hyrongennike thanks for your feedback. I will use your recommendations

  0
• 

  Nenkimwa Kangdim•90

  @Fanuel369Posted about 2 years ago

  PLEASE ANY IDEA ON HOW TO FIX THIS ERRORS ?

  1. transform: too few values for the property transform e-height,-.5em))}50%{-webkit-t
  2. transform: too few values for the property transform ebound,-.125em))}64%{-webkit-t
  3. transform: too few values for the property transform -angle,-180deg))}}@-webkit-key 4.transform: too few values for the property transform ate-angle,none))}.fa-stack{dis
  4. Unknown pseudo-element or pseudo-class :host -width:0}:host,:root
  5. Unknown pseudo-element or pseudo-class :host :\f3f6}:host,:root 7.Unknown pseudo-element or pseudo-class :host ight:400}:host,:root

  0

  ---

  

  Hyron•5,870

  @hyrongennikePosted about 2 years ago

  @Fanuel369 did you get this sorted out?

  Marked as helpful

  0

  

  Nenkimwa Kangdim•90

  @Fanuel369Posted about 2 years ago

  @hyrongennike Working on it

  0