@Yemisrach15
Posted
Hey Jess, I use the mobile-first approach to make a page responsive meaning I first work out the css for mobile version then use media queries to adapt for desktop. Your second question is broad but a general one would be DRY (don't repeat yourself) so you should reuse as much as possible. Third, there's no one way to organize, whatever works for you is okay I guess. But if you search for your specific tech (eg. sass/scss), you might find some widely used project architectures. Here are some suggestions on your solution.
- Check it on table size viewport (768px). The text is tightly packed.
- Provide an
alt
text for the images. - Social media icons would better be buttons or links.
- Take a look at the accessibility and html issues report on your solution
Looks good and responsive overall, well done :)
Marked as helpful
@sayjess
Posted
@Yemisrach15 thank you for your feedback! I'll take not of your suggestion. ☺️