Clipboard app for iOS and Mac using HTML and CSS

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

I'm proud of completing my third Junior level challenge.

this is probably the second time I'm using srcset

It was a bit confusing to use but I hope it works as expected. I'm actually really happy about making this website responsive. I think this is the most complex project that I have created(the layouts, image-sizes, paddings, etc.) and I have also made it responsive for smaller screens.

After this project, I have fallen in love with css grid!

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

Maybe the paddings and the layout in general was a bit confusing but the Firefox DevTools did a great job helping figure out and fix my paddings and layout.

The hard part was optimizing it for smaller screens. I wanted to make it work well on iPads, but that somehow messed up the whole website on mobile screens. So I had to spent an hour just to edit the whole file. Thankfully git had my back and I could just cancel all the changes and fix this error.

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

I had a lot of confusion regarding the position/visibility of the Mac computer. I tried many ways using position: absolute and padding-right. But it messed up that whole section. So I cancelled all those changes.

I have tested it to work on Samsung Galaxy Note 20, Galaxy Note 20 Ultra, Galaxy S10 and S10 Plus, Galaxy S20 and above, iPhone 11 models and above using Firefox DevTools.

Aside from these, I would like to know how well it works on other devices such as iPads, iPhones and different Android devices.