Skip to content

Instantly share code, notes, and snippets.

@lakinmohapatra
Created July 24, 2019 07:52
Show Gist options
  • Save lakinmohapatra/0feba0aea872b5a87a5b726eaa9c965b to your computer and use it in GitHub Desktop.
Save lakinmohapatra/0feba0aea872b5a87a5b726eaa9c965b to your computer and use it in GitHub Desktop.
Css useful in printing for showing elements in 12 row grid
.row {
width:100%;
}
.column,
.columns {
width: 100%;
float: left;
margin-bottom: 2px;
}
.medium-1 {
width: 8.3333333333%;
}
.medium-2 {
width: 16.6666666667%;
}
.medium-3 {
width: 25%;
}
.medium-4 {
width: 33.3333333333%;
}
.medium-5 {
width: 41.6666666667%;
}
.medium-6 {
width: 50%;
}
.medium-7 {
width: 58.3333333333%;
}
.medium-8 {
width: 66.6666666667%;
}
.medium-9 {
width: 75%;
}
.medium-10 {
width: 83.3333333333%;
}
.medium-11 {
width: 91.6666666667%;
}
.medium-12 {
width: 100%;
}
span{
font-weight:bold;
}
p{
margin:0;
}
.text-left {
text-align : left;
}
.text-right {
text-align: right;
}
.text-center {
text-align : center;
}
.clearfix {
clear : both;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment