Ringhoo
Ringhoo
PostsComments
KPCKevin Powell - Community
Created by Ringhoo on 11/20/2023 in #front-end
How to horizontally center an element with translated content outside of it's width
No description
10 replies
KPCKevin Powell - Community
Created by Ringhoo on 11/15/2023 in #front-end
Accessibility - nav toggle
I took Kevin's responsive layouts course few weeks ago and in one of the challenges I remember him changing a code for hidden menu (hidden because of hamburger button on the phone) from display:none; to visibility:hidden; height:0; position:absolute; explaining that it's better for accessibility. Today I watched this video https://www.youtube.com/watch?v=YAqRQoN8ykI focused on accessibility in navigations in which display: none was used again. I don't know if the video is older (1.12.2022) or the course is (unknown) and now I'm not sure which approach is actually better or if there is even difference. What is the correct solution regarding accessibility?
1 replies
KPCKevin Powell - Community
Created by Ringhoo on 11/9/2023 in #front-end
Hero section inside <header> or <main>
I have seen a .hero/.intro section (usually the big intro image on a site) both in a <header> tag and in a <main> tag. What would be the correct place to put it in? Assuming standard structure: 
<header>
  <nav></nav>
  <!-- place 1 -->
</header>
<main>
  <!-- place 2 -->
</main>
<footer>
</footer>
<header>
  <nav></nav>
  <!-- place 1 -->
</header>
<main>
  <!-- place 2 -->
</main>
<footer>
</footer>
8 replies