Skip to content
Submitted 4 days ago

I attempted to make this design responsive.

Eric Kumasaka•70
@emkuma
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Blog preview card
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

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

Community feedback

  • Lokesh•120
    @Lokesh8055Posted 2 days ago

    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.
    0
  • Miguel N Saleme•80
    @MiguelN794Posted 3 days ago

    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.

    0

Please log in to post a comment

Log in with GitHub

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