JuvoGenesis👾• 2,010
@AkoToSiJeromeEh
Posted
Hi! Great Work Out There , I noticed that you're using flexbox on the ul element. In my experience, I would recommend using grid box with grid-template-columns: 3 1fr to better align it with the design reference also u can use vertical-align : middle on image instead d-block but either works the same as i notice. overall I hope this suggestion helps and works for you. thanks happy coding :)
ul {
display: grid;
grid-template-columns: repeat(3,1fr);
margin-top: 3rem;
list-style-type: none;
}
Marked as helpful
0
aulia• 70
@powreze
Posted
Hi ! @AkoToSiJeromeEh Oh yeah, I've struggled with that too. I can't set the ul element to looks exactly like the design. I would love to try your recommendation. Anyway, Thank you for your feedback 🙏
1
