Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Request path contains unescaped characters
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

Product Preview Card using flexbox

@CaioAlberto97

Desktop design screenshot for the Product preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


This one came out perfectly, only flaw is no mobile version as i don't know how to do that yet, any tips?

Community feedback

Alejandro 80

@AlexKR7

Posted

Hello Caio, congratulations on your project

To make the web responsive you could use media query

for instance:

@media (max-width: 650px){
    
    
    .container{


        background-color: aqua;

    }

}

Try to put this code, you will see that when you make it smaller the background color changes.

You must adapt it to make it look the way you want.

I hope I've helped

Marked as helpful

1

@CaioAlberto97

Posted

@AlexKR7 ohh i see, i'll give it a try, thx!

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