Week 3: CSS layouts and more problem-solving practice

Screen Shot 2018-05-25 at 8.50.59 AM
One big accomplishment for the week was getting this two-column layout with the floated image to work.

This week was all about CSS layouts, and I learned three things:

  1. 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.
  2. 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!
  3. 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:

Screen Shot 2018-05-24 at 8.08.38 AM
That footer’s not supposed to be in the middle of the page.

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.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s