Meet landing page (HTML + CSS only)

What are you most proud of, and what would you do differently next time?

I'm not really proud of anything. I'm especially not proud of the way I managed paddings, I got overwhelmed by the different sizes at different resolutions. But I did learn things.

What challenges did you encounter, and how did you overcome them?

🤔 Cut the "heroes" image on viewport limit?

💡 Use the overflow property.

---

🤔 Insert the different "heroes" image at the right position with the right size for desktop/tablet/mobile?

💡 Set images as ::before and ::after content

💡 Use transform to scale() at the right size and translate() at the right position

---

🤔 Style the page number element?

💡 Use the border of a pseudo-element (there's probably a nicer way to do it, I didn't want to spend too much time on this part)

What specific areas of your project would you like help with?

Any feedback/advice welcome.