Design comparison
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.
Community feedback
Please log in to post a comment
Log in with GitHubJoin 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