Plane Descending Onto the Responsive Landing Page – No Code Delays

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

I wouldn’t say I’m proud exactly, but I’m definitely glad I pushed through this challenge—it gave me way more of a headache than I expected 😅.

I figured out the layout pretty quickly, but it was all the little design details that had me constantly tweaking the code. I really wanted to get it as close to pixel-perfect as I could.

Next time, I’d try to slow down more during the early setup stage—starting cleanly from the top of the DOM. Maybe some tweaking is unavoidable, but it doesn’t bother me as much now, because I know I can push through it and get the job done 💪.

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

One of the trickiest parts was getting the hero section’s background image to "bleed out" nicely on the mobile layout (375px). I tried a few different things—negative margins, some fancy calc() tricks—but they all started feeling a bit too complicated and messy.

In the end, I went with a simpler approach: I used clamp() for the sizing and added background-size: contain; inside a @media query. It felt a lot cleaner, and honestly, I think the result turned out pretty decent!

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

I’d love if someone could take a look at the hero section I mentioned earlier. Is there a better or more effective way to make the background image bleed on the mobile layout—maybe a way to make it scale more smoothly without relying on a @media query to change background-size?

Any tips, tricks, or advice would be much appreciated!