Blog Archives

Creating a CSS Grid – Mobile Columns

So we have set up this lovely set of CSS Grids.  But what if we are using a mobile?  Would we want the mobile version of the site to look different?  Let us use a Media Query to change things

Posted in Blog Posts, Uncategorized, Web Development Tagged with: , , ,

Creating a CSS Grid – Media Queries

We have converted our columns and gutters to percents to adjust to difference screen sizes, but this really only accounts for screen sizes that can contain a traditional webpage without the content being too squished.  Smaller devices like phones need

Posted in Blog Posts, Web Development Tagged with: , , ,

Creating a CSS Grid – Pixels to Percents

So we have determined the width of our columns and gutters.  Columns will be 65px each and gutters will be 20px each. With 12 columns and 11 gutters that makes 1000px.  That is awesome, but what if the screen is

Posted in Blog Posts, Web Development Tagged with: , , ,

Creating a CSS Grid – Columns and Gutters

Now that we have determined the important aspects of the website, let’s get to the lovely math portion of the process.  This is probably one of my favorite parts as I really enjoy mathematics.  We will determine how wide we

Posted in Blog Posts, Web Development Tagged with: , , ,

Creating a CSS Grid – Introduction

Responsive web design is a must in today’s website considerations.  Many people are browsing the internet with phones and tablets as opposed to desktops now.  This means that website HAVE to look great for large monitors and small screen devices.

Posted in Blog Posts, Web Development Tagged with: , , , ,

CSS Grid — CodeNewbie

I will be doing a series of posts on what I have noticed/learned while creating a CSS Grid to use for websites.  I may not use the exact same numbers as I did on my grid, but I don’t think

Posted in Blog Posts, Web Development Tagged with: , , , ,