Design comparison
Community feedback
- @rafbar2000rrPosted 15 days ago
When resizing the window to mobil, I noticed that the card's width decreases as I move. In order to turn from desktop to mobil with a fixed width I would add on each of the four sections on App.tsx this: <section className = "max-w-[365px]"> .
Besides I noticed that the heading and the group of cards didn't move together as I resized the window, so I would add on App.tsx: flex, flex-col and items-center classes this way: <div className='App flex flex-col items-center'>
Marked as helpful0@herojk64Posted 15 days ago@rafbar2000rr max-width on card component is an good idea and flex is good idea but it only applies for single page like this ones so it slipped out of my mind since i been making lots of projects and stuffs thanks for the info.
1
Please log in to post a comment
Log in with GitHubJoin 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