Menu icon Foundation

Designer | Porto Alegre, Brasil

Front End/UX

My Posts

No Content

My Comments

Thalys commented on Mike Heroys's post over 4 years

I solved this by creating a class .row.xlarge for the largest mediaqueries:

/* xlarge */
@media only screen and (min-width:90.0625em) {
.row.xlarge {
max-width: 90.0625em;
}
}

@media only screen and (min-width:90.0625em) and (max-width:120em) {
.row.xlarge {
max-width: 90.0625em;
}
}

/* xxlarge */
@media only screen and (min-width:120.0625em) {
.row.xlarge {
max-width: 120.0625em;
}
}

When you want a big row, add class xlarge to class row.

Posts Followed


Following

    No Content

Followers

My Posts

No Content

My Comments

You commented on Mike Heroys's post over 4 years

I solved this by creating a class .row.xlarge for the largest mediaqueries:

/* xlarge */
@media only screen and (min-width:90.0625em) {
.row.xlarge {
max-width: 90.0625em;
}
}

@media only screen and (min-width:90.0625em) and (max-width:120em) {
.row.xlarge {
max-width: 90.0625em;
}
}

/* xxlarge */
@media only screen and (min-width:120.0625em) {
.row.xlarge {
max-width: 120.0625em;
}
}

When you want a big row, add class xlarge to class row.

Posts Followed

Following

  • No Content

Followers

  • No Content