Submitted 1 day ago

Blog Article With Flex

FirstHalcyon• 40

@FirstHalcyon

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?

Big thanks to @Stroudy for their feedback on my last project. Tried to apply as much of it as I could.

Really happy with how this one turned out. Tried to avoid divs as much as possible, just to see what other html tags had to offer. Still unsure if I used them correctly, however. Avoided pixels too.

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

I learned many new tricks since my first project, so trying to understand and apply all of them definitely took a while. I love Flex, but sometimes I can't get it to play nice. Guess I need to practice more with spacing and measurements.

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

Mostly the html tags. It's my first time using them, so I'm not too sure if I did my best with them.

Community feedback

Gabriel Gasperi Casagrande• 50

@gabrielcasag

Posted 1 day ago

incredible work, congrats! my only observation is that I noticed that you used rem for all the spacings but only the border-radius it is in px, is there any reason behind this?

FirstHalcyon• 40

@FirstHalcyon

Posted 1 day ago

Hello, thank you for the feedback! The way I understand it, rem is a relative unit that adjust's to a user's/device's settings while px is more absolute and wouldn't scale well. With rem, scaling would be better across devices. As for the border radius, I have it in px cause it's a more precise measurement and isn't affected by user settings. @gabrielcasag

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