QR Code Component

A simple component that contains the QR code to Frontend Mentor, also the first challenge on the platform.

vue
tailwindcss
vite

Previews

Preview image #1Preview image of project QR Code Component

Features

This is a static component. There are no interactive features.

What I learned

I thought that you add more styles to tailwind by the extend section, I didn’t know you could override the default styles also, tried to do that outside extend and all colors were gone except slate-300, 500 and 900.

For some reason, Vercel was refusing to build this project because of some type checking issues. I had to disable type checking to get it to build. I still don’t know the reason behind this, but reimporting everything fixed it, hopefully.

Overall, had a lot of fun tweaking the styles to try to match the design one-to-one.