Design comparison
SolutionDesign
Solution retrospective
What are you most proud of, and what would you do differently next time?
i'm proud because me have been can understand a few property css grid altough not all and maybe next time try a few property which not i understand
What challenges did you encounter, and how did you overcome them?so far there is no problem which i encounter
What specific areas of your project would you like help with?css responsive
Community feedback
- @MikDra1Posted 3 months ago
For improving CSS responsiveness:
- Media Queries: Introduce breakpoints at common device widths (e.g., 768px for tablets, 480px for mobiles) to adjust layout and font sizes.
- Flexible Units: Use em, rem, vw, and % for width, padding, and margin to ensure scalability.
- Mobile-First Design: Start with mobile styles and scale up, simplifying CSS and enhancing performance.
- Flexbox/Grid: Apply Flexbox or Grid layout to create a responsive grid system, allowing elements to align and wrap dynamically.
Hope you found this comment helpful 💗💗💗
Good job and keep going 😁😊😉
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