@Akhlak-Hossain-Jim
Posted
Your images are getting outside of the box.
Try using:
Display: flex;
Flex-direction: column;
In the .card
class.
Then margin: auto 0 0 auto;
it should do the trick.
@Akhlak-Hossain-Jim should I add that "margin: auto 0 0 auto" in card class as well?
@Akhlak-Hossain-Jim I have added display and flex-direction in .card class, but it doesn't work :(
@Akhlak-Hossain-Jim
Posted
@rzkyndhlstr in the img
@Akhlak-Hossain-Jim
Posted
@rzkyndhlstr okay try this:
.card {
border-top: solid 5px;
width: min(100%, 351px);
box-shadow: 0 3px 20px 0px hsl(232deg 74% 85%);
border-radius: 5px;
display: flex;
flex-direction: column;
}
.card-title {
color: hsl(234, 12%, 34%);
}
.card-desc {
color: hsl(229, 6%, 66%);
max-width: 254px;
padding-top: 20px;
padding-bottom: 43px;
line-height: 1.7;
font-size: 0.8rem;
}
.card-img {
width: 64px;
height: 64px;
margin-left: auto;
margin-right: 0;
}
@Akhlak-Hossain-Jim It doesn't work
@Akhlak-Hossain-Jim
Posted
@rzkyndhlstr it works in my end
@Akhlak-Hossain-Jim okaay, i will try it again. thank you for comment in here
@Akhlak-Hossain-Jim
Posted
@rzkyndhlstr if it doesn't work let me know I'll make a pull request to your github repo.
@Akhlak-Hossain-Jim okaay I will tell you