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

Responsive Blog Preview Card

Aayan16 40

@Aayan16

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?

• Proud of: Used CSS Grid to center Wrapper for the first time, Made the Design Responsive by utilizing Media queries, Tried to use em and rem more and avoid giving height to divs. Stopped content from Overflowing the wrapper

• What I would do differently next time:

Learn more about CSS Grids and Try to implement them in my next Project Dive deep into Media Queries and Responsive Web Design

What challenges did you encounter, and how did you overcome them?

• Challenge: Main Challenge was to understand the Default Responsiveness of CSS and tried to implement it.

• Solution: Researched about Responsiveness in CSS and Learned alot. Still a long way to go and learn. Feedback would be appreciated

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

I don't think my solution is the most efficient and feedback to implement it better and to correct my mistakes would be greatly appreciated.

Community feedback

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