 |
11.09.2025, 12:41
|
|
Новичок
Регистрация: 21.02.2023
Сообщений: 7
С нами:
1699433
Репутация:
1
|
|
Нужно красные таблички перенести вниз
HTML:
Код:
дз2
">
tovar1
buy1
tovar2
buy2
tovar3
buy3
tovar4
buy4
tovar5
buy5
tovar6
buy6
CSS:
Код:
.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
;
}
|
|
|
11.09.2025, 12:58
|
|
Участник форума
Регистрация: 14.10.2020
Сообщений: 197
С нами:
2937817
Репутация:
83
|
|
CSS:
Код:
.tovar1,
.tovar2,
.tovar3,
.tovar4,
.tovar5,
.tovar6
{
background-color
:
rgb
(
226
,
102
,
89
)
;
width
:
198px
;
height
:
198px
;
margin
:
10px
;
display
:
flex
;
flex-direction
:
column
;
justify-content
:
space-between
;
padding
:
10px
;
box-sizing
:
border-box
;
}
.buy1,
.buy2,
.buy3,
.buy4,
.buy5,
.buy6
{
background-color
:
rgb
(
255
,
0
,
0
)
;
width
:
60px
;
height
:
30px
;
text-align
:
center
;
line-height
:
30px
;
margin
:
0 auto 0
;
}
|
|
|
|
|
|
|
Здесь присутствуют: 1 (пользователей: 0 , гостей: 1)
|
|
|
|
Линейный вид
