Skip to content
Submitted 9 months ago

I attempted to make this design responsive.

P
Eric Kumasaka•180
@emkuma
A solution to the Blog preview card challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

What are you most proud of, and what would you do differently next time?

At least I attempted to make it responsive.

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

Brain fog, helplessness, frustration, anger, setbacks.

Exercise, meditation, coffee.

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

Appreciate getting newbie appropriate feedback.

Try to be respectful.

Thank you.

Eric Kumasaka

Code
Couldn’t fetch repository

Please log in to post a comment

Log in

Community feedback

  • Lokesh•110
    @Lokesh8055

    Hi @Eric Kumasaka,

    Some suggestions:

    1. There are some accessibility issue. remove challenge by text from below
    2. card width looks different in desktop. in Mobile card looks very small and it is shown above instead of center aligned
    3. Also your github link to code doesn't work.
  • Miguel N Saleme•80
    @MiguelN794

    Hi friend. Don't worry, it's normal, sometimes you have to stretch and do something else when you can't do anything.

    To center the card, I added to the body:

    display: flex; justify-content: center; align-items: center;

    If you are not using AI extensions, I would recommend you try Codeium for Visual Studio Code, so you can check so that it does not generate all that stuff that is bad for you.

    Good luck and this is the way.

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