Design comparison
SolutionDesign
Solution retrospective
What are you most proud of, and what would you do differently next time?
use http://lab.maltewassermann.com/viewport-resizer/ to test the web page under different browser size
What challenges did you encounter, and how did you overcome them?how do I emulate mobile device on laptop using http://lab.maltewassermann.com/viewport-resizer/
What specific areas of your project would you like help with?how do I Create multi row layout with responsive design?
Community feedback
- @MikDra1Posted 3 months ago
-
CSS Grid:
- Use display: grid.
- Set grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)) for flexible columns.
-
Flexbox:
- Use display: flex; flex-wrap: wrap;.
- Define item widths with flex: 1 1 200px.
-
Responsive Adjustments:
- Apply media queries to adapt the layout for different screen sizes.
Hope you found this comment helpful 💗
Good job and keep going 😁😊😉
Marked as helpful1 -
- @P0wertDevPosted 3 months ago
The website you used is great. I use a chrome extension.
Marked as helpful0
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