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

Simple blog post

@GraceMCodes

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 challenges did you encounter, and how did you overcome them?

I am having trouble accessing the designs so I had to think outside the box. Any help will be much needed.

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

In the footer section definitely need help with the css display properties

Community feedback

P

@inappdesign

Posted

Hi,

It can be difficult to get the design right using just the screenshots. I recommend looking at other solutions to this challenge and checking the html and css to see how you can improve your own code. Don't feel any pressure to advance to the next challenge, stick with this one and keep updating on your design until you are happy with it. Maybe even revisit this challenge in a few weeks or months if you feel like you can do it differently.

Good luck in your future challenges.

0
Masseh 210

@Masseh2025

Posted

If I were you I would probably try to understand the basics more then try this challenge again.

0

@cristianccgg

Posted

Hi @GraceMCodes. The main issue I can find is that you need to set a width and height for the container with the class "shadow" which is the one nesting the whole design. That will make the box smaller and will fix the design.

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