Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Mobile First - Equalizer Landing Page in Vanilla CSS w/Flexbox & Grid

Deborah Robbianoβ€’ 600

@debriks

Desktop design screenshot for the Equalizer landing page coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


Hi Guys! Here's my solution for the Equalizer Landing Page.

As usual, any feedback would be highly appreciated! ✨

Community feedback

Lucas πŸ‘Ύβ€’ 104,540

@correlucas

Posted

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 and Art 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 helpful

3

Deborah Robbianoβ€’ 600

@debriks

Posted

@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
Deborah Robbianoβ€’ 600

@debriks

Posted

@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
Lucas πŸ‘Ύβ€’ 104,540

@correlucas

Posted

@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 the Suite Landing Page one πŸ˜‚ I've learned to use the overflow: 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 helpful

1
J Zβ€’ 290

@half-cto

Posted

Great solution. I'm stealing transition trick for breakpoints! πŸ”₯ Also good attention to details!

Marked as helpful

1

Deborah Robbianoβ€’ 600

@debriks

Posted

@half-cto Thanks so much!

0
M.Pandaβ€’ 200

@Sebastienpanda

Posted

Good evening, superb project, there is nothing to say. It's well thought, the variables, the names. It's perfect !

Marked as helpful

1

Deborah Robbianoβ€’ 600

@debriks

Posted

@SebastienWeb Thank you so much!

0

Please log in to post a comment

Log in with GitHub
Discord logo

Join 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