Advertisement
teslariu

form.css

Aug 13th, 2022
941
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 0.88 KB | None | 0 0
  1. * {
  2.     box-sizing: border-box;
  3. }
  4.  
  5. input, select, textarea{
  6.     width: 100;
  7.     padding: 12px;
  8.     border: 1px solid #ccc;
  9.     border-radius: 5px;
  10.     resize: vertical;
  11. }
  12.  
  13. label {
  14.     padding: 12px 12px 12px 0;
  15.     display: inline-block;
  16. }
  17.  
  18. input[type=submit]{
  19.     background-color: rgb(128, 93, 162);
  20.     color: white;
  21.     padding: 12px 20px;
  22.     border: none;
  23.     border-radius: 5px;
  24.     float: right;
  25. }
  26.  
  27. .contenedor{
  28.     border-radius: 5px;
  29.     background-color: rgb(66, 110, 176);
  30.     padding: 20px;
  31. }
  32.  
  33. .col-30{
  34.     float: left;
  35.     width: 30%;
  36.     margin-top: 6px;
  37. }
  38.  
  39. .col-70{
  40.     float: left;
  41.     width: 70%;
  42.     margin-top: 6px;
  43. }
  44.  
  45. .fila:after{
  46.     content: "";
  47.     display: table;
  48.     clear: both;
  49. }
  50.  
  51. @media screen and (max-width: 600px){
  52.     .col-30, .col-70, input[type=submit]{
  53.         width: 100%;
  54.         margin-top: 0;
  55.     }
  56.    
  57. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement