The Lodge → The Big v10 Redesign Project → #020: Finishing the Grid and Setting Up Modules

#020: Finishing the Grid and Setting Up Modules

(Updated on )

Continuing the concept of “Don’t Overthink It Grids”, we get gutters going on in the grid by just using some simple padding. We keep the padding number consistant by reusing our global $padding variable. You’ll find that we use that number a ton as we do our styling.

We style up the “module” class with a simple background and box-shadow. This is a very re-usable class that can be used anywhere.

The end result is a lovely flexible grid which only took a few lines of code. It might get a little bit more complex as we move on, but not too much.

Psst! Create a DigitalOcean account and get $200 in free credit for cloud-based hosting and services.

Comments

  1. ryandolankayak
    Permalink to comment#

    I am following your grid structure but for some reason when i apply padding-right to the class*=’grid’ nothing happens?

    Reply
  2. marinade
    Permalink to comment#

    Was it an issue with compass cache ryan? I had issues with previous videos and found a solution
    adding this to the config.rb file

                               <pre><code># disable asset cache buster
                                      asset_cache_buster do |http_path, real_path|
                                        nil
                                      end
                           </code></pre>
    Reply

Leave a Reply

Your email address will not be published. Required fields are marked *