Design comparison
Community feedback
- @lucasemanuelmsPosted 6 months ago
Suggestion: Could you include "height: 100vh" at body property in the CSS file. It will remove unnecessary scroll bar.
Marked as helpful1@xStephxPosted 6 months ago@lucasemanuelms thanks for suggestion! I will include "height: 100vh" at body property in the CSS file to remove unnecessary scroll bar. If you have any other suggestions feel free to text me!
0 - @petritnurediniPosted 10 months ago
Congratulations on completing your "Blog Preview Card" project! ๐ It's fantastic to see your progress. Here are some tips to further refine your work:
HTML Best Practices:
- Semantic HTML: Consider using
<article>
or<section>
for the blog card, as it would provide more semantic meaning. - Alt Text: Good job including alt text for images. Make sure the alt text is descriptive, like
alt="Article illustration"
.
CSS Best Practices:
- Consistent Styling: Your CSS is well-structured and easy to understand. Keep this consistency as you handle larger projects.
- Responsive Design: Your media queries indicate a good understanding of responsive design. Test on various devices to ensure compatibility.
- CSS Variables: Great use of CSS variables for colors. This practice makes it easier to maintain and update your styles.
General Suggestions:
- Accessibility: Ensure that interactive elements like buttons are accessible, including keyboard navigation and focus states.
- Performance: Optimize images to reduce load time. Tools like ImageOptim can be useful.
- Cross-browser Testing: Test your page in different browsers to ensure it looks and functions correctly.
Keep experimenting and pushing your boundaries. The more challenges you take on, the more you'll grow!
Further Learning Resources:
- HTML & CSS by Shay Howe for foundational concepts.
- Mozilla Developer Network for comprehensive web documentation.
- Responsive Web Design Principles on freeCodeCamp for responsive design techniques.
Marked as helpful1@xStephxPosted 10 months ago@petritnuredini thanks for advice! I followed all advices and will apply them in future projects. If you have any other suggestions feel free to text me!
1@DUMBLEDORE01Posted 7 months agohi @xStephx i dont know whom to ask this, as you liked my blog preview card solution iam asking this. could you see my solutions and suggest me what can i do further to improve my coding...
1@xStephxPosted 7 months ago@DUMBLEDORE01 of course! I am happy to take a look at your solutions and offer some positive feedback. It's great that you're seeking ways to improve your coding skills. Keep up the good work!
1 - Semantic HTML: Consider using
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