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

Html and css file using atom and chrome

@Gopal-001

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


I don't know how to make it responsive and is the background border is a part of challenge no such file are provided.

Community feedback

P

@MarkoNikolajevic

Posted

to make it responsive, you could wrap the four cards inside of a div and then style this div using media queries and display flex or display grid as the comment above said

1
P
Kevin 230

@zs-kev

Posted

To make this project, I would recommend you look into CSS-grid or flexbox to make this project responsive.

To make your current project responsive, you will need to use media queries to make adjustments as the browser gets smaller.

If you are referring to the background border that has all the little colorful graphics, that's not part of the challenge.

1

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