padding and margins

 

when the paddings and margins are added. the actual size of the div changes. the width grows as we add paddings and margins. There, it means 100% + 20 px padding. So, in order to fix the actual size of div, we need to add:
*{

margin:0;  //removes all the basic stylings

padding:0;

box-sizing: border-box;

}

Comments

Post a Comment

Popular posts from this blog

python

 functions  default parameter: def add(a,b=0):     c=a+b     return c x=add(3) print(x) in the above code, if no value for b is given, value of b becomes 0 by default json files import json x={"name":"samit, "age":20,"job":"eng"} y=json.dumps(x)               #converts dictionary to json print(y)
Read more

flutter

  import   'package:flutter/material.dart' ; void   main () {    runApp ( MaterialApp ( debugShowCheckedModeBanner :  false ,  home :  Hi ())); } class   Hi   extends   StatelessWidget  {    @ override    Widget   build ( BuildContext   context ) {      return   Scaffold (        appBar :  AppBar (          centerTitle :  true ,          title :  Text ( "My first App" ),          backgroundColor :  Colors . red [ 700 ],       ),        body :  Column (          children : [            Center (       ...
Read more