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

four-card-feature-section-master

Rafael GV 40

@rafagavi44

Desktop design screenshot for the Four card feature section coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


how else could the desktop view have been done?

Community feedback

P
Stephen 180

@stephenwbolger

Posted

Your solution is interesting. I see you used the transform property to position the cards. I think the best approach for this specific design is to use flexbox. It provides easy options to center the boxes vertically on the desktop and to position the content, such as the image inside each card. Of course, there is always more than one approach, but I think the design provides a good reason to use flexbox. You can see how I approached this design at https://www.frontendmentor.io/solutions/four-card-feature-section-htmlcss-XPWlDidiD.

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