fylo-dark-theme-landing-page-master

hello!

Sure, here are my opinions:

• The best semantically speaking Html structure IMO is this:

  <header></header>
  <main>
    <section></section>
    //all of your sections should go inside a <section> nested inside main
    <section></section>
  </main>
  <footer></footer>

• No, they don't. I prefer to keep them in another file so it is easier to maintain.
• For me is actually working fine, but I would suggest using ::before with position: absolute (make sure the parent element is position: relative).
• I usually use Figma or sketch.
• If you're not a pro member, you will still have the jpeg of each page of the project. So open Figma, drop them inside your workspace, and create blocks to measure height and width.

Please upvote my comment and happy coding :)

What I would have done is instead of making the quotes a background image, you put it in the first testimony card and make that card positioned relatively. Then you can make the quote absolute and manipulate it as you like.

Something like:

<div //this would be position: relative >
     <img src="your quotes>
    // testimonial content
</div>

You can now use z-index the quotes and move it around.