[](https://dlive.io/livestream/ukuleletutorials/ff7c47fc-7cb1-11e8-8da8-0242ac110002)
Hello, dear Hudsuckers! Today on this 20th of Hudsucker days, I'll be learning more about the CSS Grid and plotting out a website modeled after the [<i>Hero's of The Storm</i> website](https://heroesofthestorm.com/en-us/)! This should be fun...and confusing...and fun.
<hr>
<center>https://cdn.steemitimages.com/DQmSsibAXXUuHbBcWBgX6RY1sAYe8S3FW9EiuVuC6h6ZkWR/hudsucker-proxy-board-meeting.jpg</center>
<center><h1>Hudsucker Blog 20 - Using HTML & CSS Grid</h1></center>
I'll be starting today's stream by going over the Hero's of The Storm (HOTS) website via <b>inspect</b> and seeing how many sections they've broken their HTML down into, as well as, what types of classes and id's they used for their CSS markup.
For guidance, I'll be using the aide of Traversy Media on Youtube. This channel has been a great resource to me of late, though I don't find it easy to navigate their playlist, helpful videos from this channel are constantly popping up in search for CSS and HTML. If you're seeking helpful tutorials on CSS, HTML, or other website coding languages, I would suggest dropping by the Traversy Media channel.
<b>The Hudsucker Blogs we're created as a way for me(MMG Smurf, also known as @ukuleletutorials) to document my education in coding.</b>
<hr>
<center>https://cdn.steemitimages.com/DQmVKJvcU762Zuwe2tSs4N7oxJrXk4FkYKt8SxaWY6Wwk2e/hudsuckerproxy7.png</center>
<center><h1>The HUD - Grinding CSS</h1></center>
To reiterate, today's goals are to make a website, or at least to start -- that has a similar look/build as that used for HOTS. I'm still fairly new to HTML and CSS as I'd taken a short break from them to learn more about Ruby Rails (which was a success, but not tabled) and Javascript (which I'm still working on) . Now, I'm back at it, and it seems like nearly perfect timing, with the new @moneymatchgaming website nearing completion. We've found a dev team to do all the tricky parts, but there's one catch...they're not so good with developing a UI facing CSS, which is where I come in...haha, lucky me. It's one heck of a challenge for a new dev, but I'm down to do it!
Recently I've been digging into a lot of CSS and Bootstrap in an attempt to truly understand how to layout a website. It's been daunting, but not without it's fruits of labor. Here's to continuing that trend! Let's get coding!
<hr>
<center>Thanks for <i>tuning</i> in </center>
My live stream is at [DLive](https://dlive.io/livestream/ukuleletutorials/ff7c47fc-7cb1-11e8-8da8-0242ac110002)
hiveblocks