CSS: Flexboxes
I am working on the 'Tea Cozy' project that is part of CodeCademy's 'CSS: Flexboxes and Grids' course.
I just have to be really honest and say...
Learning flexboxes is kicking my butt!
There, I said it. I spent hours working on this project while getting a whole lot of nowhere. Everything I did seemed to somehow make my code worse, and it made me want to scream *just a little anyways*.
This morning, after spending some more time on it, I decided that I needed to look at this project as a way to learn instead of as a way to test my existing knowledge.
Bearing this in mind, I decided to do something no web developer wants to do... I opened up Visual Studio Code, selected each and every last line of my code, and deleted it. Hours of work gone in an instant *cries*.
While it sucked to do that, I can genuinely say that I have learned way more by changing up my goal with this project. I've done way more research into how flexboxes work and learned how to do things I couldn't do before. Though I've been following along with a tutorial as well, there were quite a few things that I wanted to set up differently which has forced me to experiment with different HTML and CSS code.
My project isn't done yet; there's still some sections I need to add as well as some styling changes I need to make to the existing code. But if you'd like to check out my code and what the web page looks like at the moment, you can check out my GitHub repository here!