Last change
on this file since 717ceae was b612ab1, checked in by Nace Gjorgjievski <nace.gorgievski123@…>, 2 years ago |
Basic functions added
|
-
Property mode
set to
100644
|
File size:
794 bytes
|
Line | |
---|
1 | .product__container {
|
---|
2 | height: 300px;
|
---|
3 | width: 300px;
|
---|
4 | display: flex;
|
---|
5 | flex-direction: column;
|
---|
6 | border: 1px solid grey;
|
---|
7 | padding: 2px;
|
---|
8 | box-shadow: 0 3px 5px rgb(0 0 0 / 100%);
|
---|
9 | }
|
---|
10 |
|
---|
11 | .product__img img {
|
---|
12 | width: 100%;
|
---|
13 | }
|
---|
14 |
|
---|
15 | .product__textContainer {
|
---|
16 | display: flex;
|
---|
17 | justify-content: space-around;
|
---|
18 | align-items: center;
|
---|
19 | }
|
---|
20 |
|
---|
21 | .product__name {
|
---|
22 | flex: 1;
|
---|
23 | display: flex;
|
---|
24 | justify-content: center;
|
---|
25 | align-items: center;
|
---|
26 | }
|
---|
27 |
|
---|
28 | .product__price {
|
---|
29 | flex: 1;
|
---|
30 | display: flex;
|
---|
31 | justify-content: center;
|
---|
32 | align-items: center;
|
---|
33 | }
|
---|
34 |
|
---|
35 | .product__addToCart {
|
---|
36 | display: flex;
|
---|
37 | justify-content: center;
|
---|
38 | align-items: center;
|
---|
39 | }
|
---|
40 |
|
---|
41 | .product__addToCart button {
|
---|
42 | width: 40%;
|
---|
43 | height: 30px;
|
---|
44 | background-color: red;
|
---|
45 | border: none;
|
---|
46 | border-radius: 10px;
|
---|
47 | cursor: pointer;
|
---|
48 | color: white;
|
---|
49 | font-size: 19px;
|
---|
50 | }
|
---|
Note:
See
TracBrowser
for help on using the repository browser.