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

Jullyan 50

@jullyanvpr

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 liked about this challenge was that I learned how to center a div properly. Using a container div to help me center the img tag was helpful.

.container__illustration {
    display: flex;
    justify-content: center;
    width: 100%;
}

.illustration{
    max-width: 100%;
    border-radius: 12px;
}

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

I wanted to make the shadow a bit longer when the mouse cursor hovered the title. So I asked ChatGPT for some help and it taught me how to do it using Javascript. I found it amazing.

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

I would like to learn more on how to use Javascript to make my projects more interactive.

Community feedback

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