Analysis of the New Layout and CSS

w3c_responsive3

I want to change this layout into 2 columns - i.e. drop the aside column.

Further iterations would be the removal of some of the column declarations as I don't really believe the explanation on the W3C site.

The process

First I will remove the class definitions that I don't think are relevant to the operation of this layout.

The .aside column is declared as class="col-3 right" - looks like I can delete right as this is not a defined class.

col-3 is width:25%

Related Pages

• Responsive Design
• Media Query
• The W3C example (as is)
• The first Version
• Fourth Version - no aside

External Sources

• CSS [attribute*=value] Selector) - 🔗 - W3C