Skip to content
Submitted about 3 years ago

Responsive mobile first landing page Vue.js

Andy•295
@AndreanaPerla
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Blogr landing page
  • HTML
  • CSS
  • JS
2junior

Design comparison

SolutionDesign

Solution retrospective

Since I recently started studying it, I wanted to test myself (LOL) by building the landing page with Vue.js. The result can certainly be better, especially in defining the methods. Any advice is welcome :)

Community feedback

  • Account deleted

    Hi,

    On the navigation bar I think it would be best when one menu opens the other should close, and the arrow should change where it is pointed based on whether it's active or not.

    And the responsive, I'm not sure how I feel about it because it's like everything is getting smaller and smaller as you down-size.

    0
    Andy•295
    @AndreanaPerlaPosted about 3 years ago

    @thulanigamtee thanks for your feedback!

    I know it would be better if they opened one at a time, but I still don't understand how vuejs v-for works so I had to work around the problem.

    For the font I used vw as a unit of measurement, putting break points for the tablet and mobile sizes so that it wasn't too small: if i had left px i would have gotten the opposite effect

    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