SHARE
TWEET

style.css

a guest Nov 19th, 2019 94 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. *{
  2.     box-sizing:border-box;
  3. }
  4.  
  5. h1{
  6.     text-align:center;
  7. }
  8.  
  9. h2{
  10.     text-align:center;
  11. }
  12. /*
  13. .gallery:after {
  14.     content: "";
  15.     display: table;
  16.     clear: both;
  17. }
  18. */
  19. .image{
  20.     float: left;
  21.     width: 16.6%;
  22.     padding: 10px;
  23. }
  24.  
  25. .image:hover{
  26.     transition:all ease-in-out 0.2s;
  27.     transform: scale(1.05, 1.05);
  28. }
  29.  
  30. .description{
  31.     text-align:left;
  32.     background:white;
  33.     font-size:0.65em;
  34.     padding:0;
  35.     height:min-content;
  36. }
  37.  
  38. @media only screen and (max-width:920px){
  39.     .image{
  40.         width:20%;
  41.     }
  42. }
  43.  
  44. @media only screen and (max-width:800px){
  45.     .image{
  46.         width:25%;
  47.     }
  48. }
  49.  
  50. @media only screen and (max-width:700px){
  51.     .image{
  52.         width:33.3%;
  53.     }
  54. }
  55.  
  56. @media only screen and (max-width:500px){
  57.     .image{
  58.         width:50%;
  59.     }
  60. }
  61.  
  62. @media only screen and (max-width:380px){
  63.     .image{
  64.         width:100%;
  65.     }
  66. }
RAW Paste Data
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
 
Top