Skip to content
  • Unlock Pro
  • Log in with GitHub
Solution
Submitted over 1 year ago

Meet Landing Page

parcel, sass/scss
J Alex•60
@Jalex-Mc
A solution to the Meet landing page challenge
View live sitePreview (opens in new tab)View codeCode (opens in new tab)

Solution retrospective


3 hours set up before diving into the first querie. Using more compartmentalized code, the set up was longer, but it made my code more DRY. Because of that, it took longer to finish this project, but for larger projects I believe this can reduce the time and amount of code. Seems like font size going from Figma to a browser isn't 100%, I had issues with fitting text inside the buttons. One of them had a paragraph element in it and the other didn't. It seems it's best to have a text element inside the button than to just have the text in the button. Still having a bug where I can't use Margin and padding to define all the sides, but I have to define each side individually using margin-top, margin-right, etc, which is annoying. I'm going to try another pre-processer next time to see if I have the same issues. I also noticed, the images provided are never crystal clear in the browser, I wonder why that is? This also took three weeks because I was working a lot. But after not looking at the code for two weeks, I was able to come back to it with minimal issues, which is a good progress. I packaged with parcel this time, I was told it was more light weight but the package seems huge compared to the last packager I used. Not sure why? Also getting Parcel to work with Vercel was more than annoying if you're using SASS as there doesn't seem to be any good documentation on how to do so. Finally figure out I had to add the root directory as dist in Vercel, it might have been somewhere, but my newish eyes couldn't find it.

Learned a little more trying to update a font fix that somehow broke when I was trying to upload to Vercel, where I have to rebuild the project using parcel each fix. Also was getting some Vercel bugs, where it wouldn't update correctly when I redeployed my project. Then when I remade the deployment it wasn't working. It seems like if I choose Parcel in the framework drop-down, it'll fail deployment. Which I used both methods, with parcel selected and without and they both deployed, so it seems luck of the draw in my eyes. All in all, I'm going to use another packager for my next projects.

Code
Loading...

Please log in to post a comment

Log in with GitHub

Community feedback

No feedback yet. Be the first to give feedback on J Alex'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

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner

Explore

  • Learning paths
  • Challenges
  • Solutions
  • Articles

Community

  • Discord
  • Guidelines

For companies

  • Hire developers
  • Train developers
© Frontend Mentor 2019 - 2025
  • Terms
  • Cookie Policy
  • Privacy Policy
  • License