Skip to content

Commit dc05856

Browse files
Products: Misaligned card content corrected 6458
Signed-off-by: Madina <madinaamankeldinova5@gmail.com>
1 parent b742658 commit dc05856

1 file changed

Lines changed: 12 additions & 7 deletions

File tree

src/sections/Products/products.style.js

Lines changed: 12 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -169,9 +169,12 @@ const ProductWrapper = styled.section`
169169
padding: 2rem;
170170
margin: 2rem;
171171
}
172-
.logo {
173-
max-height: 3rem;
172+
.card_head .logo {
173+
flex-shrink: 0;
174+
height: 3rem;
175+
width: auto;
174176
}
177+
175178
.cards {
176179
display: flex;
177180
flex-wrap: wrap;
@@ -186,13 +189,16 @@ const ProductWrapper = styled.section`
186189
display: flex;
187190
align-items: center;
188191
margin-bottom: 20px;
189-
position: relative;
192+
display: flex;
193+
align-items: center;
194+
gap: 1rem;
195+
margin-bottom: 20px;
190196
}
191197
192198
.card_head .title {
193-
padding-left: 1rem;
194199
font-size: 32px;
195200
font-weight: 700;
201+
margin: 0;
196202
}
197203
.card .text {
198204
padding-bottom: 2rem;
@@ -227,9 +233,8 @@ const ProductWrapper = styled.section`
227233
}
228234
.iconss {
229235
display: flex;
230-
gap: 16px;
231-
position: absolute;
232-
right: 0;
236+
gap: 1rem;
237+
margin-left: auto;
233238
}
234239
@media (max-width: 1141px) {
235240
.product_hero_img {

0 commit comments

Comments
 (0)