
Design comparison
Solution retrospective
I've set up a cool home/landing page that will contain links to all my future projects and put my first project, the QR Code, on it. Nothing I would do differently, it was a pretty small project.
What challenges did you encounter, and how did you overcome them?Hosting the solution online, as creating a separate repo for each micro-page would be really cumbersome. I made a pretty aesthetically pleasing landing page (really proud of it) and a mono-repo SvelteKit + Tailwind app that will have all the projects in it.
What specific areas of your project would you like help with?As I am using Tailwind, usually my colors are just classes in the HTML. However because of the provided style guide with color codes I had to create separate CSS classes like so:
.text-paragraph-color {
color: hsl(220, 15%, 55%);
}
.background-color {
background-color: hsl(212, 45%, 89%);
}
Fortunately, because of Svelte CSS classes encapsulation and syntax, i just put style
tags beside main HTML and used the custom color classes alongside Tailwind ones.
Please log in to post a comment
Log in with GitHubCommunity feedback
No feedback yet. Be the first to give feedback on kepper104'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