Skip to content
Submitted 11 months ago

Responsive Four Card Feature Section using CSS Grid and Flexbox

lalitkarthik•20
@lalitkarthik
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Four card feature section
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

I recently delved into Scss for the first time, and I must say, it's truly impressive. I have used Scss in this project and also got some cool tips and tricks. Please do take a look at the code, and suggest any improvements or changes and best practices. Give some tips on how to improve the responsiveness of the website.

Community feedback

  • Rajaul Islam Ratul•1,250
    @ratul0407Posted 11 months ago

    @lalitkarthik congrats on completing this challenge 🎉🎉

    You're solution is amazing. But you should consider changing some of your code. You've used pixels for margins which is not good and using pixel for font sizes is the last thing you want to do. You should always try to avoid pixels as they are absolute units always use relative units like (rems or ems). If you are wondering what is so bad about using pixels here are some articles deep diving into this topic

    Apart from this your solution looks great✨

    I hope you found this helpful👍👍

    Keep up the good work and have a very nice day😄😄

    Marked as helpful
    1
    lalitkarthik•20
    @lalitkarthikPosted 11 months ago

    @ratul0407 Thank you so much for your positive feedback and valuable suggestion!! I will definitely take that input into consideration starting now. Have a fantastic day!!😊✨

    1

Please log in to post a comment

Log in with GitHub

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