Latest solutions
'huddle page w/ alt. feature blocks' + sass + flexbox + responsive
#sass/scss#accessibilitySubmitted over 3 years ago"clipboard landing page" + sass + flexbox + mobile-first + responsive
#sass/scssSubmitted over 3 years ago
Latest comments
- @therealmaduanusi@anoshaahmed
5-6hrs is quick. good job!
- @jacksmith77@anoshaahmed
Aim to use semantic tags when writing html. I would change
div class="card"
tomain class="card"
. I'll also wrap the image in anh1
. I see that you wrote two separate codes for the two screen sizes. Instead of that, I would recommend that you write the mobile code as your base code, then make a media query for the bigger size. For example, you can give a max-width to something, and then in the media query for the bigger size, you would just increase the max-width. That way you're building a responsive design but also doing less workyou did great though. that's ^ just a way for u to upgrade ur behind-the-scene skills
- @ahmed9aks@anoshaahmed
hey good job on this challenge! your report above shows a few issues though:
-
you should have at least one
<h1>
in your webpage -
add
alt=""
to your<img>
tags
here is a list i made of accessibility issues & best practices
hope this helps :))
Marked as helpful -
- @adilido99@anoshaahmed
hey good job on this challenge! you should have at least one
<h1>
in your webpagehere is a list i made of accessibility issues & best practices
hope this helps :))
Marked as helpful - @smmoses@anoshaahmed
hey good job on this challenge! your report above shows a few issues though:
-
wrap everything in your body in
<main>
OR use semantic tags! if you're usingdiv
right afterbody
, then give them arole=""
; however, it's a little frowned upon to userole
right after body, so try to stick with semantic tags instead. you can read more about landmarks here -
add
alt=""
to your<img>
tags
here is a list i made of accessibility issues & best practices
hope this helps :))
Marked as helpful -
- @Marvyn21@anoshaahmed
hey good job on this challenge! wrap everything in your body in
<main>
OR use semantic tags! if you're usingdiv
right afterbody
, then give them arole=""
; however, it's a little frowned upon to userole
right after body, so try to stick with semantic tags instead. you can read more about landmarks herehere is a list i made of accessibility issues & best practices
hope this helps :))
Marked as helpful