September 23, 2017
•Last updated November 5, 2023
Let's Build: A Consultancy Website - Part 32
Making The Homepage Responsive
In part 32 I start with making the homepage responsive. With most of the consultancy website designed and built, I can move on to making the site adaptive/responsive on mobile devices.
Much of my workflow depends on CSS media queries of which I apply to the element directly as opposed to a who new instance of the element. This allows all of my styles to cascade as well as makes it easy to code since there is one source of truth.
I shared my breakpoint mixin in a previous part of the series but you can reference it on Github to see how I apply this to devices of different widths.
Download the Source Code for this Project
The Series So Far
Categories
Collection
Part of the Let's Build: A Consultancy Website collection
Products and courses
-
Hello Hotwire
A course on Hotwire + Ruby on Rails.
-
Hello Rails
A course for newcomers to Ruby on Rails.
-
Rails UI
UI templates and components for Rails.
