Submitted almost 4 years ago

Responsive Four Card Feature using Flexbox and CSS Grids

Shahin NJ• 1,190

@SJ-Nosrat

Preview site View code

This is a solution for...

Four card feature section

HTML
CSS

1newbie

View challenge

Design comparison

SolutionDesign

Solution retrospective

Hi, Thanks for checking my projects.

Kindly provide any constructive feedback on the responsive-ness of the website: from 375px (mobile) right up to 1920px (widescreen).

Did I use CSS Grids and Flexbox correctly? Since, I just learned the technologies.

Also, does my HTMl need any restructing? Or refactoring of my CSS code?

Your help is highly appreciated! Thanks in advance!

Community feedback

Marko Nikolajević• 1,065

@MarkoNikolajevic

Posted almost 4 years ago

Your project looks good and the code is clean and clear. You could replace the hard coded svg using and <img> tag instead. For example <img src='./images/icon-karma.svg' alt='karma icon' />

Shahin NJ• 1,190

@SJ-Nosrat

Posted almost 4 years ago

@MarkoNikolajevic Thanks for the quick feedback!

Appreciate the tip on adding the svg's!

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