Skip to content
Submitted almost 2 years ago

Four Card Feature __ #GRID __ #SASS __ #ResponsiveDesign

accessibility, sass/scss, progressive-enhancement
Dilhan Bocaā€¢220
@dboca93
A solution to the Four card feature section challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

Hi there šŸ‘‹, Iā€™m Dilhan Boca, and this is my solution for this challenge. šŸš€

šŸŽ Features:

  • A mixture of Grid, Flexbox and Position.
  • Progressive Web App (PWA) support. šŸ“±šŸŒ
  • Codebase is well-maintained and formatted using Prettier. šŸ’»
  • Resemblance with the original design. šŸŽØ
  • Media queries were used. šŸ“±
  • Responsive heights for cards used. āœØ

Please advise on: I have not been able to get the box-shadow to go around the curved corners on the cards. I tried to achive this with pseudo-elements, but to no avail. If someone could show me how to do this or where I could learn I would be grateful.

Code
Loading...

Please log in to post a comment

Log in

Community feedback

No feedback yet. Be the first to give feedback on Dilhan Boca'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