Responsive Landing page using Flex box

Community feedback

• 

  Hassia Issah•50,650

  @HassiaiPosted over 1 year ago

  Replace <section class="first-section"> with the main tag to fix the accessibility issue. click here for more on web-accessibility and semantic html

  For the left and right sides space of the page , give the header and the main a width of 80vw and margin: 0 auto ; or a max-width:1440px , width of 80% and margin: 0 auto;.

  For the curve, give .first-section a background-image which is the curve-image, a background-repeat of no-repeat and a background-position: left 0 bottom -1rem;

  in the desktop design, increase the font-size of the headings.

  For a responsive images, give the img a max-width of 100%.

  Hope am helpful.

  Well done for completing this challenge. HAPPY CODING

  Marked as helpful

  0