Skip to content
Submitted about 2 months ago

A responsive single-price grid component

#pure-css
Lutfi Ismail•130
@lutfiismail52
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Single price grid component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

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

Is it better to use the CSS property display: grid; to achieve a better design or can this design also use the CSS property display: flexbox. Because I use flexbox instead of grid, would it be easier to just use the CSS property display: grid;?

For those of you who took the time to give me feedback, I say thank you and appreciate it. 😊

Community feedback

  • Yacoub AlDweik•2,870
    @YacoubDweikPosted about 2 months ago

    Flexbox is easier for 2D things ( row or column ) while if you want to take control over 3D ( row and column ) at the same time then go with grid.

    Whenever you need some help use AI like Chatgpt, this will help you a lot!

    1
  • Vladimir Popovic•70
    @vpopovic003Posted about 2 months ago

    You can use either flex or grid with this example. However, I found out that grid works better for me in this particular case, especially when you are doing media queries later for smaller screens.

    0

Please log in to post a comment

Log in with GitHub

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