Submitted about 1 month ago

Blog Card

eros77sc• 100

@eros77sc

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

Blog preview card

HTML
CSS

1newbie

View challenge

Design comparison

SolutionDesign

Solution retrospective

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

Me orgulho da organização do CSS que me auxiliou na hora da escrita do código e nos momentos de revisão para correções.

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

Encontrei desafios na hora de centralizar o nome do autor com o avatar, mas superei com um contêiner englobando os dois elementos e usando flexbox.

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

Ainda não consegui compreender se devo estabelecer o tamanho de como o tamanho de desktop estabelecido no design ou se devo usar 100%, pois isso está afetando como o card se comporta.

Community feedback

Geylan Kalaf Mohe• 70

@GeylanKalafMohe

Posted about 1 month ago

The Website is not responsive. On mobile the website is very small and the article is not centered properly when you use flexbox. Additionally you should not give any of your elements a fixed width and height rather use max-width only so responsiveness will work

Geylan Kalaf Mohe• 70

@GeylanKalafMohe

Posted about 1 month ago

@eros77sc you're welcome. That totally normal. It comes with experience. If you like you can check my solution on my profile and it's code.

eros77sc• 100

@eros77sc

Posted about 1 month ago

@GeylanKalafMohe Hello, thank you for your comment! The website indeed lacked responsiveness; I'm still learning how to do it. I reviewed the project and implemented your tips and some others. It should be responsive now! I appreciate your advice!

Please log in to post a comment

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