Design comparison
Solution retrospective
I am most proud to learn a new technique which is putting the button tags inside of the hyperlink tags (a tags) and then using width and height properties to give it some size.
What challenges did you encounter, and how did you overcome them?So at first glance, I already knew that I was going to tackle this challenge using Flexbox which I did and it was quite simple. Although, I ran into a bit of a challenge when I initally had put the a tags (hyperlinks tags) inside of button tags. It worked quite alright that way but the hover effect in this method will only change the color of text inside the button when you hover around the link itself on the button and not when you hover around the entire button. I then figured out that if I instead put the button tags inside of a tags, it works perfectly and even the button becomes clickable unlike how it was initially. And also the styling of the buttons became different for me because I was used to using padding to give it a width and a height but I figured using the width and height properties directly is far much better and neater. Think that does it. I'll be available for any clarification of sorts. Thank you and Happy Coding!
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