CSS tutorials

[sasstevens]

Hi all!

I've been through the CSS tutorials with a good few people over the last year or so and I've found that a large amount of them fall over at a few specific places:

1. Moving the CSS from the head into a separate file
2. Using shorthand for margin values
3. The lack of a browser 'reset' until the end of the document, causing marked differences between what they're seeing and the example page until that last step

There are a couple of minor issues but these are the main ones that have caused a bit of consternation for students. Would it be possible to:

1. Start with the CSS in a separate file
2. Not introduce shorthand so blatantly, so early, and instead introduce it as a 'side' or bonus, or something along those lines?
3. Introduce the browser reset around the part titled, 'Styling our page further'

What are people's thoughts on this? Is there a better channel for me to have this discussion?

I'm happy to make the changes listed above.

Cheers!

[alexanderkustov]

All very valid assumptions, I think the point 1 and 3 are an easy addition/fix to the current tutorials.

The second one might just need a side explanation of how margin works... but surely a coach can explain that in the moment when they come to that part.

[sasstevens]

Thanks for engaging, I've just tried the tutorial again with a student and whilst perhaps point 2 isn't as important there are a few other points. I'm going to go submit a pull request with those amends :)

[docljn]

May I make a comment on #2?
As a CodeBar student, I often found myself continuing with the tutorials in my own time, and that is when I really noticed things like the shorthand used above. It wasn't a complete blocker, but did mean that I was a lot less confident about proceeding with the tutorials when there wasn't a coach around. I realise that the tutorials are primarily aimed at a coaching situation, but it may be worth considering those of us who can't always attend as well.