Skip to content
Submitted 4 months ago

Mobile-first responsive w/ CSS Media query - HTML - JS

haquanq ®️•1,585
@haquanq
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Ping single column coming soon page
  • HTML
  • CSS
  • JS
1newbie

Design comparison

SolutionDesign

Solution retrospective

What are you most proud of, and what would you do differently next time?

Hello guys 👋👋👋

This is a small challenge but i have done my best to complete it!! Much more to learn and thanks to FEM team.

🚀 Built with

  • Mobile-first workflow
  • ARIA specifications
  • Semantic HTML
  • Pure CSS
  • Vanilla JavaScript

🐲 What i have done

  • Accessible form for screen readers
  • Overridden default effect on focus (buttons, inputs, links).
  • Used my own judgement to achieve 95% similar to the design without Figma files.
What challenges did you encounter, and how did you overcome them?

None 🐱

What specific areas of your project would you like help with?

Any feedback is appreciated 🙏

Community feedback

  • geomydas•1,440
    @geomydasPosted 4 months ago

    cool pixel perfect but tone down the colors a bit on the copyright and the border on the social icons

    0
    haquanq ®️•1,585
    @haquanqPosted 4 months ago

    @geomydas nooooooo!! im lazy

    0

Please log in to post a comment

Log in with GitHub

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