Responsive page using VueJS

Solution retrospective
Hey! This is my first Vue project. And I'm curious:
- In this challenge, how did you ensure that the positions of the SVGs matched the design?
- When using a framework, what's your preferred approach for creating a burger menu? Do you create a new Nav component specifically for the burger or do you attempt to adjust everything within the same component?
Please log in to post a comment
Log in with GitHubCommunity feedback
- @9CB5
Solid solution! To answer your questions:
-
Ideally you should have access to the figma file as it will reveal the exact size and positioning of the assets, but sadly you need to have a premium subscription for this. Alternatively, you can use a browser extension called "Perfect Pixel" which takes an image and overlays it on top of the page you're working on.
-
Only make a component if it's going to be reused elsewhere in the project or you want to reduce the code on a file. In this case, a burger will only be used in the nav and is not that bulky in terms of LOC, so there's no need to make a component.
-
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