Design comparison
SolutionDesign
Solution retrospective
Hi everyone! Here is my solution for this challenge! 1)I'd like to know how to achieve the correct design of the "contact" button. 2) I also would like to know how to insert that line below the "Learn more" button.
Community feedback
- @nelsonleonePosted almost 2 years ago
Hello.....congrats on completing this challenge....well done🎊🎊🎊
Based on your question(the learn more line) You can use the
::after, ::before
class to add the line. Hope this comment was helpful and you found meaning in it.learn-more::after{ content:""; height:.2em; width:100%; background-color:.....; position:absolute; bottom: .1em(but you can play around with it , so it matches); left:0; right:0; margin:auto }
Have fun coding
Marked as helpful1 - @yishak621Posted almost 2 years ago
Check my solution for these project ...it will help u for the buttons specially
1
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