Docs

[gignnn]

I used the following code to set margins for a specific type of page on my website:

.listing, .listing-wrap {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: 114px;
    margin-right: 114px;
}

You can view the end result here:

https://nnnpropertiesgroup.com/listings/prime-cayman-islands-sale-leaseback-2/

The problem is that this isn’t optimized for the tablet and mobile phone. Can you help me tweak the code so that the margin isn’t as large for tablet and mobile phone viewing?

Thank you!

[Rupok]

Hi there,

You can use media query to write your CSS for tablet and mobile as well. Like :

@media only screen and (max-width: 979px) {

// write your CSS for tablet

}

@media only screen and (max-width: 480px) {

// write your CSS for small screen mobile

}

Hope this helps.

[Author]

Posts