After creating a logo *for free* for a client who I thought was a friend, they started getting really ungrateful and demanded me to do things in a not very calm way ("DO THIS", "DO THIS RIGHT NOW") (yes, it was actually in caps). I kindly asked them to stop using the graphics while informing them that the license used didn't let me actually force them to remove it. After that, they started yelling about how "he'd have to redo all the graphics again". All he did was put the vector logo inside a raster circle and change the font. Yes, he really did convert vector graphics to raster and didn't use the originals at all. Not only this, but he also used *aliased* raster images.
He ended up using them anyway, informing me in a cheeky way after being kicked out of a group chat (which I wasn't even the moderator of). See the picture attached for how he did that, red is the client, orange is the moderator who banned him.
TL;DR: Don't do free stuff, regardless of how bad you think your skills are.

Make sure that you've got an umbrella

I’m a full stack developer, working with React. Also before this I used to be an OK hobby artist (for sketching and painting, that is), but man I SUCK at designing websites!! I don’t have that designer’s mind at all. At work that’s not an issue because we have guidelines and such, but when I’m doing free time projects it always looks so ugly and amateurish.

How can I improve, should I take some graphic design course, or is there some specific buzz word for graphic design on the web that I should look out for? How can I learn standards of margins, buttons, text and such in a good way. Some people just seem to have it in them already!

Any advice or thoughts would be appreciated!

Hello! Can you please tell, when getting a design layout, for instance, in Figma, which way can you study the look of this design on screens with different resolutions before implementing it? Are there any ways?
I mean only observing the graphic design of this page.