@Hassiai
Posted
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