Submitted 6 months ago

Responsive page with CSS flexbox

Ademuyiwa•200

@codingat17

A solution to the Product preview card component challenge

Preview Code

Solution retrospective

What specific areas of your project would you like help with?

I need help with the desktop view.

Code

Please log in to post a comment

Community feedback

Lawrence Webber•160
@lwebbz
Posted 6 months ago
Your mobile solution is great, well done!

For the desktop layout, you can add a media query that changes the flex direction to row once the viewport goes beyond a certain width, with something like this.
```
@media (min-width: 760px) {
  main {
    display: flex;
    flex-direction: row;
  }
}
```

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