Submitted 3 months ago

blog preview card

Mohammed Ayoub Nedjima• 170

@Mohammed-Nedjima

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 challenges did you encounter, and how did you overcome them?

-I encountered an issue where sizes defined in rem appeared larger than their pixel equivalents. I discovered that this was due to my browser's font settings being set to large fonts, causing the discrepancy.

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

-An explanation of the figure element and when to use it. I read some articles about it but I still don't understand it. -How to name CSS classes? should I use hyphen (-) or underscores(__) and what is the convention -Should I use more utility classes (flex-group or grid-flow) instead of inserting my styles directly on classes leading to repetition?

Community feedback

Shoaib Shuja• 560

@ShoaibShuja

Posted 3 months ago

Amazing job my friend and for your question I have to say that the BEM naming convention approach which uses underscores is a bit difficult but a much better approach to naming classes and for the layout design although it depends on the situation and design I find the flexbox a lot helpful in certain instances like changing the direction from row to column or reverse according to different height and widths and also the figure element is used to mark up a photo, diagram or similar in a document and group it together with the content its related to like for example you add a photo with a caption.

Hope this helps and have an amazing day my friend.

Marked as helpful

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