Skip to content
Submitted about 3 years ago

Mobile First (FLEXBOX + MEDIA QUERY ) (Fixed properties avoided)

Paras Sharma•700
@imparassharma
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Clipboard landing page
  • HTML
  • CSS
2junior

Design comparison

SolutionDesign

Solution retrospective

Took me a while to complete this task. I recently started working on responsive layouts using min-height, % ,rems etc...Any suggestion to improve the responsive design will be valuable to me.

Community feedback

  • Fidel Lim•2,775
    @fidellimPosted about 3 years ago

    Hi Paras,

    Great work on this project! Just a suggestion, don't forget to add cursor: pointer to possible clickable elements like <button> and <a> tags. You could also add some active and hover effects to them.

    I hope it helps :) It seems like I won't be able to suggest other ways to improve responsive design as it looks pretty well to me already :)

    Marked as helpful
    1
    Paras Sharma•700
    @imparassharmaPosted about 3 years ago

    @fidellim Thank you for taking time and replying. This means a lot to have such support from the community.

    1
    Fidel Lim•2,775
    @fidellimPosted about 3 years ago

    @imparassharma You're welcome :) FEM is one of the best communities I've joined. If you haven't joined the Slack workspace, you should. There will be more who will be willing to help you.

    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