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 Card Page - age using HTML5 and CSS3.

@GabrielGomeess

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?

I'm proud about the duration that I had doing this website. At first I thought that I wasn't capable to this challenge, but when I just write all the things/content from the website that I have to do, I conquer the confidence to do it all. For the next time, when I will had more experience with web developement and programming. I'm going to use another programming languages and simplify my code.

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

The most difficulties that I had was the card centralization. I had to search on internet to way to centralizer a div on CSS, and then alternate the values of the properties to work on my code.

Community feedback

MikDra1 6,650

@MikDra1

Posted

To put he card in the center I advise you to use this code snippet:

.container {
display: grid;
place-items: center;
}

Hope you found this comment helpful 💗💗💗

Good job and keep going 😁😊😉

Marked as helpful

1

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