Advertisement
andreadc

CSS

Mar 25th, 2020
216
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.93 KB | None | 0 0
  1. @import url('https://fonts.googleapis.com/css?family=Poppins&display=swap');
  2. *{
  3. /*box-sizing:border-box;*/
  4. font-family: 'Poppins';
  5. }
  6. body{
  7. background-color: cornflowerblue;
  8. }
  9.  
  10. h2{
  11. text-align:center;
  12. }
  13.  
  14. .carDetails{
  15. display: flex;
  16. }
  17.  
  18. .container{
  19. background-color: rgb(241, 241, 241);
  20. /*border: 2px solid black;*/
  21. display: flex;
  22. justify-content: flex-start;
  23. }
  24.  
  25. .container2{
  26. padding: 3px;
  27. background-color: white;
  28. }
  29. .leftContainer, .rightContainer{
  30. background-color: rgb(241, 241, 241);
  31. max-width: 150px;
  32. min-width: 150px;
  33. flex-basis: 150px;
  34. padding: 10px;
  35. border: 1px solid lightgray;
  36. }
  37.  
  38. .card{
  39. width: 100%;
  40. height: 100%;
  41. background-color: white;
  42. margin: 10px;
  43. height: fit-content;
  44. border: 1px solid lightgrey;
  45. }
  46.  
  47. .card:hover{
  48. transition:all ease-in-out 0.2s;
  49. transform: scale(1.05, 1.05);
  50. }
  51.  
  52. .gallery{
  53. vertical-align: top;
  54. text-align: center;
  55. display: -webkit-box;
  56. display: -moz-box;
  57. display: -ms-flexbox;
  58. display: -webkit-flex;
  59. display: flex;
  60. justify-content: space-around;
  61. flex-wrap: nowrap;
  62. flex-grow: 20;
  63. align-content: flex-start;
  64. background-color: white;
  65. }
  66.  
  67. img{
  68. width: 100%;
  69. height: 100%;
  70. }
  71.  
  72. .containerUsernameAndStars{
  73. padding: 0 15px 0 15px;
  74. }
  75. .descriptionUsername{
  76. font-size: 16px;
  77. }
  78.  
  79. .descriptionBase{
  80. font-size: 28px;
  81. text-align: left;
  82. }
  83.  
  84. .descriptionPrice{
  85. font-size: 28px;
  86. color: royalblue;
  87. text-align: left;
  88. margin: 0 15px;;
  89. }
  90.  
  91. .button{
  92. width: 100px;
  93. text-align: right;
  94. background-color: violet;
  95. }
  96. .buyButton{
  97. -webkit-border-radius: 0;
  98. -moz-border-radius: 0;
  99. border-radius: 0;
  100. color: #FFFFFF;
  101. font-family: Arial;
  102. font-size: 20px;
  103. font-weight: 100;
  104. padding-left: 16px;
  105. padding-right: 16px;
  106. padding-top: 4px;
  107. padding-bottom: 4px;
  108. background-color: #1E6BC1;
  109. border: solid 1px #337FED;
  110. text-decoration: none;
  111. display: inline-block;
  112. cursor: pointer;
  113. text-align: center;
  114. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement