@letsveSubmitted 27 days ago
Latest solutions
Latest comments
- @ayleoSubmitted about 1 month ago@BorghiiPosted about 1 month ago
Stop using div for everything, use semantic tags to structure your page and then use section over divs for things that are related. Use div only when necessary.
Whatch this video https: //www.youtube.com/watch?v=bOUhq46fd5g&ab_channel=ByteGrad
0 - @ayleoSubmitted about 1 month ago
- P@ejparnellSubmitted about 2 months ago@BorghiiPosted about 1 month ago
It's fine, the only flaw is the position of the footer, you should change that.
0 - @user2830581Submitted about 2 months agoWhat are you most proud of, and what would you do differently next time?
Without the Figma design file to inspect the spacing and sizing of elements, I think I managed to make a solution that looks fairly close to the design.
What challenges did you encounter, and how did you overcome them?I struggled with the element spacing to make it look as similar to the screenshots as possible, it was a lot of tedious back and forth trying to get it as close to the design as possible without the Figma file.
What specific areas of your project would you like help with?I think I achieved the hover and focus states well and the site is responsive for smaller screens but if there is anything you notice can be improved then let me know!
- @yarsventSubmitted about 2 months agoWhat are you most proud of, and what would you do differently next time?
I am proud of figuring out how to calculate responsive width, but I feel like the code could be cleaner.
What challenges did you encounter, and how did you overcome them?I got stuck with margins, because it didn't look quite right. Also, it was difficult to make the card responsive, as it didn't want to shrink.
What specific areas of your project would you like help with?I don't really know how to make the layout even more responsive. Under a certain width (<250px device width) the header and text start to break down in unexpected ways.
@BorghiiPosted about 2 months ago- Add landmarks: Wrap <div id="blog-preview"> in a <section> with aria-labelledby for better accessibility.
- Improve semantics: Use <time> for the date.
- Optimize alt text: Make alt attributes more descriptive.
- Ensure responsive images: Use srcset for img tags to improve performance
Marked as helpful1
