Skip to content
Submitted 5 months ago

Responsive Loopstudios landing page

accessibility, bem, sass/scss, typescript, vite
Csaba Molnár•650
@DocForLoop
A solution to the Loopstudios landing page challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

What are you most proud of, and what would you do differently next time? Built with
  • Mobile-first workflow
  • Semantic HTML5 markup
  • Accessibility (A11y) best practices:
    • Full keyboard navigation (Tab / Shift+Tab)
    • Focus trap in mobile navigation
    • ESC key closes the menu
    • Skip link to main content
    • Visible focus styles for all interactive elements
  • BEM methodology
  • Responsive fluid layout from 320px to 1650px
  • Flexbox
  • Grid
Code
Loading...

Please log in to post a comment

Log in

Community feedback

No feedback yet. Be the first to give feedback on Csaba Molnár's solution.

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord