Fylo landing page with two column layout solution

Community feedback

• 

  Suraj Raju Hadage•670

  @SurajHadagePosted over 2 years ago

  My suggestion to shorten your HTML is use nav separately, not inside header. One <img> & <ul> tags will be two flex items to justify space-between. Then use <header> tag, One <section> tag for leftside content & one <figure> tag for image. This way you have two child's two play with. After use <picture> tag for curve image, It will also shorten your CSS. Search for <picture> tag. Now your curve image is responsive. Then use <main> tag (the main challange). Take one <section> tag for left side & <figure> tag for main image. Make testimonial in a <div> tag.

  <nav> <img></img> <ul> <li></li> <li></li> <li></li> </ul> </nav> <header> <section></section> <figure></figure> </header> <picture></picture> <main> <section> <h2> <p> <p> <div> </section> <figure></figure> </main> <aside></aside> <footer></footer> Now HTML code has shortened, fewer the HTML fewer the CSS.

  0