July 22, 2017
Let's Build: A Consultancy Website - Part 18
Completing the Home Page Header Styles
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.
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
The Series So Far
Leave a reply
Part of the Let's Build: A Consultancy Website collection