дз2

">

tovar1

buy1

tovar2

buy2

tovar3

buy3

tovar4

buy4

tovar5

buy5

tovar6

buy6

.BigBob
{
background-color
:
antiquewhite
;
display
:
flex
;
align-items
:
flex-start
;
width
:
700px
;
height
:
450px
;
justify-content
:
space-between
;
flex-wrap
:
wrap
;
}
.tovar1
{
background-color
:
rgb
(
226
,
102
,
89
)
;
width
:
198px
;
height
:
198px
;
margin
:
10px
;
}
.tovar2
{
background-color
:
rgb
(
226
,
102
,
89
)
;
width
:
198px
;
height
:
198px
;
margin
:
10px
;
}
.tovar3
{
background-color
:
rgb
(
226
,
102
,
89
)
;
width
:
198px
;
height
:
198px
;
margin
:
10px
;
}
.tovar4
{
background-color
:
rgb
(
226
,
102
,
89
)
;
width
:
198px
;
height
:
198px
;
margin
:
10px
;
}
.tovar5
{
background-color
:
rgb
(
226
,
102
,
89
)
;
width
:
198px
;
height
:
198px
;
margin
:
10px
;
}
.tovar6
{
background-color
:
rgb
(
226
,
102
,
89
)
;
width
:
198px
;
height
:
198px
;
margin
:
10px
;
}
.buy1
{
background-color
:
rgb
(
255
,
0
,
0
)
;
width
:
60px
;
height
:
30px
;
margin
:
10px
;
align-content
:
flex-end
;
left
:
25%
;
position
:
relative
;
}
.buy2
{
background-color
:
rgb
(
255
,
0
,
0
)
;
width
:
60px
;
height
:
30px
;
margin
:
10px
;
align-content
:
flex-end
;
left
:
25%
;
position
:
relative
;
}
.buy3
{
background-color
:
rgb
(
255
,
0
,
0
)
;
width
:
60px
;
height
:
30px
;
margin
:
10px
;
align-content
:
flex-end
;
left
:
25%
;
position
:
relative
;
}
.buy4
{
background-color
:
rgb
(
255
,
0
,
0
)
;
width
:
60px
;
height
:
30px
;
margin
:
10px
;
align-content
:
flex-end
;
left
:
25%
;
position
:
relative
;
}
.buy5
{
background-color
:
rgb
(
255
,
0
,
0
)
;
width
:
60px
;
height
:
30px
;
margin
:
10px
;
align-content
:
flex-end
;
left
:
25%
;
position
:
relative
;
}
.buy6
{
background-color
:
rgb
(
255
,
0
,
0
)
;
width
:
60px
;
height
:
30px
;
margin
:
10px
;
align-content
:
flex-end
;
left
:
25%
;
position
:
relative
;
}