Result Component Summary

I found doing anything in css difficult, I spent 3 hours just on the mobile design which I found out was very flawed along with my code for desktop version. I tried doing variables for the colors but when it came down to the light red, cobalt blue, etc. colors I kind of choked due to the alpha, I found out that I was adding too many parathenses while typing out hsla. My question for best practices is just how do I make cleaner code? I feel like Everything is everywhere, my html feels like its missing tags, I'm not sure if I was supposed to put classes for every single element, my css was everywhere as well felt like I was writing things just to write them and see if they worked.