Submitted about 2 years ago

CSS Grid, Flexbox, General positioning

Patrick• 800

@PPechmann

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

Huddle landing page with alternating feature blocks

HTML
CSS

2junior

View challenge

Design comparison

SolutionDesign

Solution retrospective

Reupload of this challenge, as there were issues with the hosting on Netlify and the solution is not displayed correctly:

Happy with the end result of this challenge.

Had a doubt which I can not seem to resolve. On the CTA Box (last card) there is a box-shadow, which does applies only to the parts of the card which are not overlaying the footer. Is there a way to remove box shadow on specific areas? I tried "clip-path: inset()", but it does not get the job done properly. Happy to hear how any of you managed.

Feedback is of course always very welcome :)

Happy coding!

Community feedback

Please log in to post a comment

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