Design comparison
SolutionDesign
Community feedback
- @DevXtianMPosted 4 months ago
Nice work!
Here are some tips that might help you 😊
-
Avoid using 'px' on font-size, as it cause issues with accessibility, scalability and responsive layouts. Instead use relative units like rem and em. Check this video
-
Since this challenge doesn't have complex layout. Try using HTML Semantics
Best Practices
- Use Semantic HTML First: Prefer using semantic HTML elements (like <header>, <footer>, <section>, <article>, etc.) whenever possible for better accessibility and SEO. Use <div> only when no other semantic element is appropriate.
- Class Names and IDs: Always use meaningful class names and IDs to help identify the purpose of the <div>.
- Avoid Overuse: Overusing <div> can lead to unnecessarily complex HTML structures. Keep your markup clean and minimal.
Additional Resources Try this to improve on Flexbox usage: FlexboxFroggy
Marked as helpful0@kalWick01Posted 4 months ago@DevXtianM Thanks for all suggestion it was what i need and i wanna know it's so help full i really wanna thanks you !
1 -
Please log in to post a comment
Log in with GitHubJoin 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