Design comparison
Solution retrospective
-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
- @ShoaibShujaPosted 5 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 helpful1
Please log in to post a comment
Log in with GitHub
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