Let’s Build: A Consultancy Website–Part 18

Completing the Home Page Header Styles

Andy Leverenz
Jul 23, 2017 · 2 min read

Originally published at web-crunch.com on July 23, 2017.

Part 18 continues where we left on with styling the remaining content inside the header portion of the home page. I utilized a lot of positioning with CSS for full effect. I was able to reproduce our design accurately on the desktop view of the site. In a future part of the series, I will revisit the responsive portions of the site to ultimately make the site function across a wide array of devices.

Keeping things modular

From this point forward I plan to style the home page and future pages in their own respective sub sections. Doing this allows me to keep my file structure a little more modular and easier to navigate. This also makes future updates easier as time goes on.

In my sass directory each page would live inside a master pages directory and within that directory, each page would get its own directory like so:

pages /
-- home /
---- _home.scss
-- about /
---- _about.scss
...

Rather than using a master style sheet with traditional CSS I can easily concatenate Sass files to create a similar master style sheet all of which is easier to write and still remain D.R.Y. (Don’t Repeat Yourself).

Download the Source Code for this Project

Source Code

The Series So Far


Originally published at web-crunch.com on July 23, 2017.

The Web-Crunch Column

A publication for design, development, and business related articles published via medium and web-crunch.com

Andy Leverenz

Written by

Web-Crunch is a blog that delivers the crunchiest articles on design and development. Follow us or check out the website http://web-crunch.com

The Web-Crunch Column

A publication for design, development, and business related articles published via medium and web-crunch.com

Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch
Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore
Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade