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

HTML, CSS and css grid and css flexbox

@NgirfanulMangali

Desktop design screenshot for the Blog preview card coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

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

MikDra1 6,110

@MikDra1

Posted

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
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