@Will-1-Am
Posted
Hey Rahul, nice work on submitting this challenge!
You might consider wrapping your body content in another container and using flex-box to center everything horizontally and vertically. Check-out this pen (https://codepen.io/will-1-am-the-Iceman/pen/gOgBrVP) where you can see the html and css and test til your heart's content.
While the specification doesn't actually supply links, it can be assumed that they will ultimately link somewhere and so the button elements should really be anchor elements. I also made this error 😅 but this resource helped to set me straight (https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a).
Stopping the button text from wrapping to a second line could be done using a min-width on your card or col.
Hopefully, this will help you along on your coding journey.
@szcompany
Posted
@Will-1-Am
I would like to mention all issues that are described on this comment.
Also border-radius, after having container, you can use border-radius only on container(not for every item).
Also, have a nice weekend. And congrats on finishing this challenge too.
@RahulKandari-Github
Posted
@szcompany Thanks for suggestions. Really appreciate it. I will definitely look into your advice.
@RahulKandari-Github
Posted
@Will-1-Am Thanks for suggestions. Really appreciate it. I will definitely look into your advice.