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 _ FeMentorChallenge

@JessicaSamtani

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


Hello Everyone, as I carry on with my Front End Journey - I'm getting happier with the speed with which I am able to grasp with regards to positioning and effectively coding without doubting myself too much at every step.

I am happy with the feedback Ive been getting from you all. I Appreciate it and keep it coming. I'm diving into many more projects , and will upload soon.

Community feedback

@devaramnye

Posted

Hello Jessica,

I like your work! but in my eyes the best practice is using Grid in this project. The difference between flex & grid is flex has only one main axis (column or row) but with grid you are able to build templates with two axis. Have a little peak in grid as I am as well working currently with grid. Its challenging but worth to try.

And in desktop device your left & right items are getting lost if I slowly minimize it. Its worth to stay responsive by not giving items a fixed with. Its worth a try to check the free course of Kevin Powell who teaches you in a good way how to stay responsive.

Marked as helpful

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