Design comparison
Solution retrospective
its was hard to make it response after declaring position:absolute but it still is not that reponsive any help or tips will be appreciated
Community feedback
- @sandro21-glitchPosted almost 2 years ago
Hi Azar
Here are a few suggestions for improvement on your code:
Use CSS variables for defining and reusing colors, font-sizes, etc.
Use semantic HTML elements for better accessibility.
You can use flexbox and media queries to create a responsive design
Consider adding comments to the code to make it more readable and understandable.
Avoid using universal selector (*) as it has a high specificity and can affect the styles of other elements.
Use shorthand properties to simplify and make the code more concise,
for example instead of using margin-top, margin-right, margin-bottom, and margin-left, you can use margin: top right bottom left;
Use meaningful and descriptive class and id names.
Consider adding a fallback font for when the custom font is not loaded or fails to load.
Good Luck
Marked as helpful0
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