Design comparison
SolutionDesign
Community feedback
- @sirajsharmaPosted 2 months ago
-
Circles in the Image:
- The circles were already present in the image, so there’s no need to add them manually.
-
Use Semantic HTML:
- Incorporating semantic HTML improves the structure and accessibility of your web content.
- Learn more about Semantic HTML.
-
Use Relative Units:
- Prefer relative units like
%
,em
, andrem
for a fluid and responsive layout. - For more information, watch Kevin Powell’s video on CSS em and rem.
- Prefer relative units like
-
Add Descriptive Text in the
alt
Attribute:- Ensure the
alt
attribute provides descriptive text for screen readers and serves as fallback content if the image fails to load.
- Ensure the
-
Avoid Unnecessary Dependencies:
- Since Bootstrap is not used in your application, do not include it. Unnecessary dependencies increase the bundle size.
- Only add dependencies that are actively used in the application to keep the bundle size minimal.
-
General Note:
- Thank you for your efforts. These adjustments will help improve the performance and accessibility of your application.
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