
Design comparison
Solution retrospective
I am proud that this exercise took my less time to complete than the previous ones because of the practice I am getting from these exercises.
Also, I tried to use rem
for sizing instead of %
everywhere and it seems to work.
I faced a little problem in getting the sizes of elements right but after some trial and error, I was able to get it right and I learned that padding
also helps with getting the required size.
I also faced a some problems in getting the position of elements right but after some trial and error, I was able to fix it and I learned that align-items
& justify-content
only work for display: flex
.
CSS techniques
Community feedback
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