Submitted almost 5 years ago

Four card feature section

@Greeshma2903

A solution to the Four card feature section challenge

Solution retrospective

I had a problem with aligning the images on the bottom-right of each section. Tried using margin-right 0px, then relative positioning too, but didn't work. would like feedback on that part.

Code

Please log in to post a comment

Community feedback

Roman Filenko•3,335
@rfilenko
Posted almost 5 years ago
Hey, pretty solid work - a simple solution would be to make card a flex container {display: flex; flex-direction: column;}, on image apply {align-self: flex-end;}.

Keep coding, Roman
Carlos Pozo•0
@crpozo
Posted almost 5 years ago
Just add float:right to the image inside the card and that's it !

Good luck :)
Dawid•440
@dwddgsz
Posted almost 5 years ago
Hello, You may try display:block on images, so you will be able to use margins, then set margin-left to auto. I hope it can help
Account deletedPosted almost 5 years ago
try float: right;

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord