Design comparison
Solution retrospective
Is there a better line of code I could have used to position my images? Concerning the border top in each of those sections, how could I have done it better? Thanks in advance!
Community feedback
- @correlucasPosted over 2 years ago
๐พHello Olorundami, congratulations for your solution!
You could have done it just applying a div to each image and class setting the the alignment
left
, the problem withposition: relative
is that you've less control (see that the images goes out the container in mobile).Here's the code I've used to give the same position with flex:
HTML
<div class="align"> <img src="images/icon-supervisor.svg" alt=""> </div>
CSS
.align { display: flex; justify-content: flex-end; }
Hope it helps and happy coding!
Marked as helpful1@Fola-JoePosted over 2 years ago@correlucas I'm very grateful for the feedback, duly noted! Thanks!
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