Markup and styles challenge #1

Published Aug 28, 2017Last updated Aug 29, 2017
Markup and styles challenge #1

Feel up to a challenge? I know that HTML markup is seen as a pretty easy thing - and that it's kinda a no brainer... but is it?

How confident are you that you can build the following site layout?

example.jpg

Here is a codepen to start with.

I've included some Stylus variables for color and a few other things. I'd love to see what you come up with.

In my next post, I'll show you how I would go about this - and why.

Remember... the footer needs to stay at the bottom of the page if the content is short... 🤔

It's not a competition... Maybe together, we can find 'the best' combination of techniques. Add your take on it in the comments.

Here is a reference for HTML markup and a reference for CSS rules.

Here is a reference for Stylus too, but you can also write standard CSS in the CodePen.

@sheriffderek

Discover and read more posts from sheriffderek
get started
Enjoy this post?

Leave a like and comment for sheriffderek

2
7