Submitted about 1 year ago

Launch countdown timer

Juan Francisco Andrade• 210

@franc014

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

This is a solution for...

HTML
CSS
JS

3intermediate

View challenge

Design comparison

SolutionDesign

Solution retrospective

Hey, Do you have any ideas on creating the cards' semi-circles in the middle (or inverted border-radius)? I've tried clip-paths, SVGs, and circular gradients, but I have not found any more precise solution to match the design. Any clues to this part of the challenge are appreciated.

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