I tried FCC last year but quit when I got to Create a More Complex Shape Using CSS and HTML. I was just going through the motions of the challenges and didn’t really understand why anything did what it did, the above challenge was the final straw!
There’s so much code! How is the pink heart behind the blue? 'The hell does before/after actually do? Now when I look at the code it all makes complete sense.
Randomly today I decided to open up Codepen and do the same challenge with no reference and I was shocked at how easy it was. So it wasn’t until today I’ve realised I’ve come a long way in 3 months. (I did have to check as to why the before::after weren’t appearing before and after then realised my div has no content so it appears directly behind the .heart)
Just thought I’d post to be kind to myself instead of feeling down!