Skip to content
Submitted 12 months ago

Simple blog post

Grace M codes•20
@GraceMCodes
A solution to the Blog preview card challenge
Preview (opens in new tab)Code (opens in new tab)

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

Code

Please log in to post a comment

Log in

Community feedback

  • P
    John McNichol•210
    @inappdesign

    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.

  • Masseh•260
    @Masseh2025

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

  • Christian G•930
    @cristianccgg

    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.

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