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

Blog preview card challenge by FM

@omk1r

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?

What I'm Most Proud Of:

Clean and Responsive Design: I focused on creating a visually appealing and user-friendly design that adapts well to different screen sizes. This was achieved by using HTML5 for structure, CSS for styling with elements like Flexbox and potentially Media Queries for interactivity.

What I Would Do Differently:

Implementation Techniques: Depending on the complexity of my approach, I could have explored different CSS techniques or frameworks (like Bootstrap) to potentially streamline the development process.

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

What challenges did you encounter Balancing Responsiveness: Ensuring the layout remains visually appealing and functional across various screen sizes can be tricky.

how did you overcome them? Utilizing Media Queries: Media queries in CSS allow you to define specific styles for different screen sizes, ensuring optimal responsiveness.

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

I have some difficulty in making the webpages responsive as a begineer. Looking forward to learn more about it.

Community feedback

Mickyrio 60

@Mickyrio

Posted

I am learning how to make my page more accessible by using semantic html, so I am trying, to be more specific with my html elements and use less div or span as possible .

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