All solutions

What are you most proud of, and what would you do differently next time?

Once again, I really enjoyed the design and the color palette of the card and the hover effect was just *chef's kiss*. Nothing outstanding on the technical side, pretty simple project.

What challenges did you encounter, and how did you overcome them?

It was my first project without Figma files, so I had to eyeball some spacings and font sizes and weights, but it turned out alright.

I had some trouble with setting the correct width and making it scale correctly, in the end I think it was just my monitor scaling up the page size and displaying 481 pixels (calculated in inspect tools in Firefox) as 601 pixels (measured by the ruler from Windows PowerToys).

What specific areas of your project would you like help with?

Nothing in particular, though open to any feedback!

What are you most proud of, and what would you do differently next time?

Really liked the overall design of the card, the colors and the drop-shadow were especially cool. Did everything like I wanted to.

What challenges did you encounter, and how did you overcome them?

Learned about importing variable fonts, they're a great way to only import one file and then set whatever font weight you want. Also, this time, used Figma for getting all the data from the design, like paddings, roundings, font weights and sizes, etc. Really useful and easy to use.

What specific areas of your project would you like help with?

Nothing in particular, maybe I should have used less divs and split contents more semantically, but it's a really tough thing for me currently.

What are you most proud of, and what would you do differently next time?

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.