All solutions

I was excited to dive into this little build, and it was really enjoyable to put together. I've been working in React for so long, and this project was a nice little refresher for vanilla JavaScript.

Styling took a little bit of a back seat to functionality with this build. You can read more thoughts and reflection in my repo readme.

Thanks!

This was a fun little build. :) I enjoyed using grid to arrange the elements within this component. Thanks for checking it out!

I had some trouble getting things to align just right, but it's pretty close. :) I used grid to arrange the elements in the component, and then I used margins and padding mostly to adjust placement of the individual elements. Maybe there's a better way to do this?

Enjoy!

How do you go about rendering one image for mobile and another for larger screens?

I've tried two different methods (<picture><source> in html as well as with basic JavaScript), but I haven't found the ideal solution. You can see more in my readme for this build as well as my previous Frontend Mentor build linked in the readme.

Thanks!

I had a little trouble getting the two different images to render depending on the screen size. The styling for tablet screens is also not as polished as it could be.

Enjoy!

Enjoy!

Enjoy!

I feel like every time I step away from one way of styling (vanilla CSS, for example) and use something else (Tailwind, etc), I forget so much!

This little QR code was good practice in the basics, I think. I tried to make it responsive (using flex) and match the images provided. I used PerfectPixel (browser extension) for the first time, and I thought it was useful.

Question:

• Once you have things more or less how you want them, how do you deal with making tiny changes (down to .5vh or other tiny tweaks to sizing)? I found it quite tedious to keep making tiny changes near the end of the project.