@mattstuddert
Posted
Great work on this challenge! I like that you've added your own creative twist on the design as well.
At the moment you're using h1
and h3
elements, but you haven't got any h2
headings. Try to make sure you don't skip heading levels like this, as it can negatively affect the content hierarchy and make it confusing for screen reader users. Here's an article for more information.
Also, I'd recommend giving min-width
media queries a try on your next project and practice working from a mobile-first approach. It has a number of benefits, including reducing the amount of CSS being loaded by mobile users.
Keep up the great work!
@l3rodey
Posted
@mattstuddert That's a broken link? I found this though for those looking: https://www.sitecentre.com.au/design/responsive
@mattstuddert
Posted
No problem! Here's a great walkthrough from Interneting Is Hard. It talks about responsive mostly but also goes into mobile-first.
@mattstuddert
Posted
@l3rodey cheers for the link. Looks like Interneting is Hard has let their SSL Certificate expire since I posted.
@davistran86
Posted
Thanks Matt, I didn't know that we need to use all the heading in order. Do you have any examples about using min-width and mobile-first approach ?
@davistran86
Posted
Thanks a lot Matt :)