Social proof section solution using flex and Media Query

HELLO!

• <section> is a semantic element for creating standalone sections in a web page. blog.hubspot.com. You can use <article> inside it developer.mozilla.org. And you can use <div> to wrap other components, you don't have to use semantic tags every time.

• in the attribution, you wrap them in <footer> element. to stick it at the bottom you can:

body {
   min-height: 100vh;
   position: relative;
}
footer {
   position: absolute;
   bottom: 0;
   left: 0;
   right: zero;
}

• when using a heading (h1, h2 and so on) make sure to use it descending order. Use <h1> then <h2>, <h2> usually used inside <article> element.
• and I recommend to do mobile first to desktop, but if you are comfortable doing desktop first to mobile, then it's all good!

Hope it helps! HAPPY CODING! :D