Design comparison
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.
Community feedback
- @rfilenkoPosted about 4 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
0 - @crpozoPosted about 4 years ago
Just add float:right to the image inside the card and that's it !
Good luck :)
0 - @dwddgszPosted about 4 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
0 - Account deleted
try float: right;
0@Greeshma2903Posted about 4 years ago@imadatyatalah thanks for the feedback! works great!
0
Please log in to post a comment
Log in with GitHubJoin 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