API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Jul 22nd, 2019
82
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 4.98 KB | None | 0 0
raw download clone embed print report
  1. @media screen and (min-width: 1300px){
  2.     #box-container-2-1{
  3.         display:flex;
  4.         justify-content: space-evenly;
  5.         flex-wrap: wrap;
  6.         align-items: center;
  7.         font-size:10px;
  8.         font-weight:600;
  9.         padding-bottom: 75px  !important;
  10.         padding-left: 185px  !important;
  11.     }
  12.  
  13.     #box-container-2-2{
  14.         display:flex;
  15.         justify-content: space-evenly;
  16.         flex-wrap: wrap;
  17.         align-items: center;
  18.         font-size:10px;
  19.         font-weight:600;
  20.         padding-bottom: 75px;
  21.         padding-left: 86px !important;
  22.         padding-right: 101px  !important;
  23.     }
  24.  
  25.     #box-container-2-3{
  26.         display:flex;
  27.         justify-content: space-evenly;
  28.         flex-wrap: wrap;
  29.         align-items: center;
  30.         font-size:10px;
  31.         font-weight:600;
  32.         padding-bottom: 75px;
  33.         padding-left: 5px  !important;
  34.         padding-right: 185px  !important;
  35.     }
  36.    
  37.     #box-footer-2-1{
  38.         padding-left: 5px;
  39.         padding-bottom: 3px;
  40.     }
  41.     #box-footer-2-2{
  42.         padding-left: 5px;
  43.         padding-bottom: 3px;
  44.     }
  45.     #box-footer-2-3{
  46.         padding-left: 5px;
  47.         padding-bottom: 3px;
  48.     }
  49.    
  50.     #box-1 ,#box-2 {
  51.         margin-top:20px;
  52.     }
  53. }
  54.  
  55. @media screen and (max-width: 1300px) and (min-width: 1200px) {
  56.    
  57.     #box-container-2-1{
  58.         display:flex;
  59.         justify-content: space-evenly;
  60.         flex-wrap: wrap;
  61.         align-items: center;
  62.         font-size:10px;
  63.         font-weight:600;
  64.         padding-bottom: 75px  !important;
  65.         padding-left: 164px !important;
  66.     }
  67.  
  68.     #box-container-2-2{
  69.         display:flex;
  70.         justify-content: space-evenly;
  71.         flex-wrap: wrap;
  72.         align-items: center;
  73.         font-size:10px;
  74.         font-weight:600;
  75.         padding-bottom: 75px;
  76.         padding: 0px 93px 0px 78px !important;
  77.     }
  78.  
  79.     #box-container-2-3{
  80.         display:flex;
  81.         justify-content: space-evenly;
  82.         flex-wrap: wrap;
  83.         align-items: center;
  84.         font-size:10px;
  85.         font-weight:600;
  86.         padding-bottom: 75px;
  87.         padding-right: 164px  !important;
  88.     }
  89.    
  90.     #box-footer-2-1{
  91.         padding-left: 5px;
  92.     }
  93.     #box-footer-2-2{
  94.         padding-left: 5px;
  95.     }
  96.     #box-footer-2-3{
  97.         padding-left: 5px;
  98.     }
  99.    
  100.     #box-1 ,#box-2 {
  101.         margin-top:20px;
  102.     }
  103.    
  104.     /*#box-footer-1-1{
  105.         margin-right: 15px;
  106.         padding-left: 42px!important;
  107.     }
  108.     #box-footer-1-2{
  109.         margin-right: 15px;
  110.     }
  111.     #box-footer-1-3{
  112.         margin-right: 15px;
  113.         padding-right: 42px !important;
  114.     }
  115.    
  116.     #box-footer-2-1{
  117.     }*/
  118.    
  119. }
  120.  
  121. @media screen and (max-width: 1200px) and (min-width: 1000px){
  122.    
  123.     #box-container-2-1{
  124.         display:flex;
  125.         justify-content: space-evenly;
  126.         flex-wrap: wrap;
  127.         align-items: center;
  128.         font-size:10px;
  129.         font-weight:600;
  130.         padding-bottom: 75px  !important;
  131.         padding-left: 121px !important;
  132.     }
  133.  
  134.     #box-container-2-2{
  135.         display:flex;
  136.         justify-content: space-evenly;
  137.         flex-wrap: wrap;
  138.         align-items: center;
  139.         font-size:10px;
  140.         font-weight:600;
  141.         padding-bottom: 75px;
  142.         padding: 0px 75px 0px 60px !important;
  143.     }
  144.  
  145.     #box-container-2-3{
  146.         display:flex;
  147.         justify-content: space-evenly;
  148.         flex-wrap: wrap;
  149.         align-items: center;
  150.         font-size:10px;
  151.         font-weight:600;
  152.         padding-bottom: 75px;
  153.         padding-right: 125px  !important;
  154.     }
  155.    
  156.     #box-footer-2-1{
  157.         padding-left: 0px;
  158.     }
  159.     #box-footer-2-2{
  160.         padding-left: 0px;
  161.     }
  162.     #box-footer-2-3{
  163.         padding-left: 0px;
  164.     }
  165.    
  166.     #box-1 ,#box-2 {
  167.         margin-top:20px;
  168.     }
  169.    
  170. }
  171.  
  172. @media screen and (max-width: 1000px) and (min-width: 768px){
  173.    
  174.     #box-container-2-1{
  175.         display:flex;
  176.         justify-content: space-evenly;
  177.         flex-wrap: wrap;
  178.         align-items: center;
  179.         font-size:10px;
  180.         font-weight:600;
  181.         padding-bottom: 20px  !important;
  182.         /*padding-left: 121px !important;*/
  183.     }
  184.  
  185.     #box-container-2-2{
  186.         display:flex;
  187.         justify-content: space-evenly;
  188.         flex-wrap: wrap;
  189.         align-items: center;
  190.         font-size:10px;
  191.         font-weight:600;
  192.         padding-bottom: 75px;
  193.         padding-right: 25px !important;
  194.     }
  195.  
  196.     #box-container-2-3{
  197.         display:flex;
  198.         justify-content: space-evenly;
  199.         flex-wrap: wrap;
  200.         align-items: center;
  201.         font-size:10px;
  202.         font-weight:600;
  203.         padding-bottom: 75px;
  204.         /*padding-right: 125px  !important;*/
  205.     }
  206.    
  207.     #box-footer-2-1{
  208.         padding-left: 0px;
  209.     }
  210.    
  211.     #box-footer-2-2{
  212.         padding-left: 0px;
  213.     }
  214.    
  215.     #box-footer-2-3{
  216.         padding-right: 15px;
  217.     }
  218.    
  219.     #box-1 ,#box-2 {
  220.         margin-top:20px;
  221.     }  
  222.    
  223. }
  224.  
  225. @media screen and (max-width: 768px)/*and (min-width: 768px){*/{
  226.    
  227.     #box-container-2-1{
  228.         display:flex;
  229.         justify-content: space-evenly;
  230.         flex-wrap: wrap;
  231.         align-items: center;
  232.         font-size:10px;
  233.         font-weight:600;
  234.         padding-bottom: 20px  !important;
  235.         /*padding-left: 121px !important;*/
  236.     }
  237.  
  238.     #box-container-2-2{
  239.         display:flex;
  240.         justify-content: space-evenly;
  241.         flex-wrap: wrap;
  242.         align-items: center;
  243.         font-size:10px;
  244.         font-weight:600;
  245.         padding-bottom: 75px;
  246.         padding-right: 25px !important;
  247.     }
  248.  
  249.     #box-container-2-3{
  250.         display:flex;
  251.         justify-content: space-evenly;
  252.         flex-wrap: wrap;
  253.         align-items: center;
  254.         font-size:10px;
  255.         font-weight:600;
  256.         padding-bottom: 75px;
  257.         /*padding-right: 125px  !important;*/
  258.     }
  259.    
  260.     #box-footer-2-1{
  261.         padding-left: 0px;
  262.     }
  263.    
  264.     #box-footer-2-2{
  265.         padding-left: 0px;
  266.     }
  267.    
  268.     #box-footer-2-3{
  269.         padding-right: 15px;
  270.     }
  271.    
  272.     #box-1 ,#box-2 {
  273.         margin-top:20px;
  274.     }  
  275.    
  276. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!