Design comparison
Solution retrospective
Using different HTML and CSS tags. I would like to be able to name them uniformly and use classes more appropriately.
What challenges did you encounter, and how did you overcome them?Styling was a bit more sophisticated this time, but it was fun.
What specific areas of your project would you like help with?How should I go ahead in naming the classes or should I use the html tags directly for styling them?
Community feedback
- @jacky-uiPosted 11 days ago
Looks awesome on desktop and tablet! Have you looked into media queries for responsive design? I've noticed that on mobile the design doesn't quite match.
With regards to class naming. I would look into BEM for naming of classes. BEM stands for block, element, modifier and it's a naming convention for css class naming. It's a good way to start.
If you find yourself repeating a lot, I would use classes, so create once and apply anywhere. Targetting HTML tags directly for styling is good only if you know all p tags are supposed to be the same such as font-size or font-weight. However, doing it this way means that your code is not as flexible as now all your p tags are styled the same and overriding will require more coding now.
0
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