Design comparison
SolutionDesign
Community feedback
- @flaviocmbPosted 4 months ago
Suggested Modifications
-
Fix Padding and Margin:
- Adjust values to be sensible and remove errors.
- Example:
.a { padding: 20px; } .b { padding: 20px; margin: 20px; }
-
Correct Font Properties:
- Use valid
font-weight
values and remove unsupported properties. - Example:
.b h3 { font-weight: 700; } .b p { font-weight: 400; font-size: 16px; }
- Use valid
-
Adjust Image Dimensions:
- Ensure consistent width and height for images.
- Example:
.c img { width: 100%; height: auto; }
-
Remove Redundant CSS:
- Remove unsupported or unnecessary properties.
- Example:
.b h3, .b p { /* Remove font-optical-sizing if not needed */ }
Every tweak and adjustment is a step towards perfection - your dedication to refining your design is truly inspiring! Keep up the great work! 🌟
0 -
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