Submitted 7 days ago

Blog Card Review

Orisasona Ayoola• 80

@Komans-Hub

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?

I am glad that this particular project adapts well to different screen sizes. I am proud of mastering the act of building responsive designs.

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

I had problems with the fonts and border styling. I read through a resource on web3 schools

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

Google fonts aren't loading in my projects. Any help would be appreciated.

Community feedback

Steven Stroud• 9,240

@Stroudy

Posted 7 days ago

@Komans-Hub, I’d like to provide some feedback. In past challenges, I noticed you haven't engaged or responded when solutions were submitted. Networking and actively engaging with the community are essential, and I highly encourage you to embrace these practices. They can greatly enhance collaboration and growth.

Marked as helpful

Orisasona Ayoola• 80

@Komans-Hub

Posted 6 days ago

@Stroudy Noted with thanks

Steven Stroud• 9,240

@Stroudy

Posted 6 days ago

Hey @Komans-Hub, No problem, Good to see you here!

Svitlana Suslenkova• 4,750

@SvitlanaSuslenkova

Posted 7 days ago

Try this embed code in the <head> of your html

Marked as helpful

Orisasona Ayoola• 80

@Komans-Hub

Posted 6 days ago

Thanks @SvitlanaSuslenkova

Finn Willard• 40

@fwillard

Posted 7 days ago

The card is cramped on screen sizes above 600 pixels and below ~1400 pixels. It may be helpful to do .container{ width: 90%; max-width: 21.5rem;}.

This will allow the container to take up 90% of the view on smaller screens, but then stay at a defined width once you reach 21.5rem (344px). This allows the design to still be responsive for all screen sizes, but removes the need for media queries and allows a smother transition between sizes.

Orisasona Ayoola• 80

@Komans-Hub

Posted 6 days ago

@fwillard noted, thanks a lot

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