CODEWITHSUNDEEP
cssresponsive-design
user4777408
user4777408

Reputation:

fixed width responsive design on mobile phone

I have a little problem with design. You can visit here and check from inspect element then click the 'Toggle device mode'. Set to 320 x 568 and then try to swap left.

You can see the white space on the right side :

enter image description here

How can I make it fixed width?

Upvotes: 0

Views: 255

Answers (1)

Leo the lion
Leo the lion

Reputation: 3065

You can see "row" class which is the reason of gap as it takes extra maring. Do one thing add this in your css

.row{margin:0px !important;}

Also there is a h2 section (Keunggulan) which is taking 3em size and by this under 320, it take white space so better solution is reduce the size of it in media query and and you are done.

For media query refference

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
   section h2{font-size: 2.5em;} /*adjust according to your need*/
}

Upvotes: 2

Related Questions