Solution Blog preview card

Community feedback

• 

  Lucas Emanuel•80

  @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 helpful

  1

  ---

  

  Stefan Bojkovski•620

  @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
• 

  Petrit Nuredini•2,860

  @petritnurediniPosted 9 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 helpful

  1

  ---

  

  Stefan Bojkovski•620

  @xStephxPosted 9 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

  

  Gokulakrishnan G•30

  @DUMBLEDORE01Posted 7 months ago

  hi @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

  

  Stefan Bojkovski•620

  @xStephxPosted 6 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