Submitted almost 3 years ago

CSS Grid, Flexbox, General positioning

@PPechmann

A solution to the Huddle landing page with alternating feature blocks challenge

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!

Code

Please log in to post a comment

Community feedback

No feedback yet. Be the first to give feedback on Patrick's solution.

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