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

Page using HTML and CSS

Modesire Soneyeβ€’ 270

@Desireye

Desktop design screenshot for the Single price grid component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


I'm unable to find a way to make this responsive. Can anyone help?

Community feedback

P
visualdennisβ€’ 8,375

@visualdenniss

Posted

Hey,

good work there!

To start with, you can use media queries and display:flex to display: block or flex-direction: column; . Adapt the width of the left and right columns, e.g. width: 100%, make those columns itself a flexbox and center the elements horizontally.

E.g. @media only screen and (max-width: 600px in em/rem) { .bottom { display: block} }

Hope you find this feedback helpful!

Marked as helpful

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