This week was all about CSS layouts, and I learned three things:
- Watching a video on something doesn’t necessarily mean you’ve learned it. Sometimes you have to run into a problem and solve it before you learn.
- Teeny, tiny mistakes can cause big snags. I was so frustrated with a layout problem this week, only to post my code on Slack and have someone point out that I’d used the mid-width property instead of the min-width. One small letter’s difference!
- Asking for help is a good thing. That was how I realized my small mistake, and got help with a bigger layout issue I was having.
So as I was saying, just because you’ve watched a video on something doesn’t mean you’ve learned it. I actually completed the CSS Layouts course on Treehouse several months ago, and I thought I’d retained quite a bit of it. Then I was following along with the course again this week, as a refresher, and ran into a huge problem:
I tried a bunch of solutions that I thought might work, and nothing did. So I posted in my class’s Slack channel and someone was like, “Oh yeah, just apply a clearfix.” Which I’d learned about (in theory) months earlier, then promptly forgotten because I’d never actually used the information. So, moral of the story, find some way to put things you learn into practice, or they will vacate your brain.
If you want to check out how the CSS practice project progresses, it has its very own repository on GitHub now. Full disclosure: this is based on Treehouse project files, so while I can take credit for some of the layout, I can’t take credit for all of the design. I’ll personalize it once I get the basic concepts down.