Mobile First - Equalizer Landing Page in Vanilla CSS w/Flexbox & Grid
Design comparison
Solution retrospective
Hi Guys! Here's my solution for the Equalizer Landing Page.
As usual, any feedback would be highly appreciated! ✨
Community feedback
- @correlucasPosted almost 2 years ago
Another amazing solution Deborah. I've done this challenge too months ago and I remember that is really tricky the phone section overlaping the text box, you did great here, congrats!
One advice since you're increasing the difficult of your challenges, two challenges that are really cool and will challenge your css skills are
Suite Landing Page
andArt Gallery Website
. I spent a lots of time on these and I can say you that you'll learn a lots there.Keep it up. Great content. =)
Marked as helpful3@debriksPosted almost 2 years ago@correlucas Thank you so much again Lucas! Your solution to this challenge looks amazing and I particularly love what you did with the moving gradient in the text, such a nice touch!
I’ll check those two challenges and will start on them as soon as I finish the one I’m on.
Have a nice evening (or day :)!
1@debriksPosted almost 2 years ago@correlucas Ah no actually I'll have to wait until December to do those because I don't have anymore credit for this month :/
Still a bit of time to prepare myself ;)
0@correlucasPosted almost 2 years ago@debriks Ahh, so you'll have to wait the fun till next month (I saw that you've done the Skilled Landing Page) Those I recommended you in the previous comment have the
hero image
with a tricky positioning as theSuite Landing Page
one 😂 I've learned to use theoverflow: hidden
property doing Skilled/Suite challenges.An alternative is the
Clipboard Landing Page
that's easier but have the same hero image overlapping the container.Have a good night =)
Marked as helpful1 - @half-ctoPosted almost 2 years ago
Great solution. I'm stealing transition trick for breakpoints! 🔥 Also good attention to details!
Marked as helpful1 - @SebastienpandaPosted almost 2 years ago
Good evening, superb project, there is nothing to say. It's well thought, the variables, the names. It's perfect !
Marked as helpful1
Please log in to post a comment
Log in with GitHubJoin our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord