Design comparison
Community feedback
- @Adem-TozluPosted 6 months ago
<a href="">GitHub</a> <a href="">Frontend Mentor</a> <a href="">LinkedIn</a> <a href="">Twitter</a> <a href="">Instagram</a>
I would add these as buttons because these are buttons
html
<button> GitHub </button> <button> Frontend Mentor </button> <button> LinkedIn </button> <button> Twitter </button> <button> Instagram </button>
css
button { cursor: pointer; width: 90%; padding: 1rem; border-radius: 0.5rem; margin-bottom: 1rem; background-color: var(--color-grey); border-style: none; color: var(--color-white); font-weight: 700; }
And you have it flush with the edge at the bottom but in the original it is not on the edge. So you could try it
Marked as helpful1@G0maaPosted 6 months ago@Adem-Tozlu
Hello Adem, thanks for the help I truly appreciate it.
I'll try to fix mentioned bugs shortly.
0@G0maaPosted 6 months ago@Adem-Tozlu
Looking at this again, how will we add links to the buttons? Will it be like this:
<button><a href="#">GitHub</a></button>
0 - @Adem-TozluPosted 6 months ago
You can do that, but it would be better if you do a tag and then within a tag the buttons, for example:
<a href="https://github.com" target="_blank"> <button> GitHub </button> </a>Alternatively, you can do it like this
<button onclick="window.location.href='https://github.com';"> GitHub </button>you can try it out
Marked as helpful0
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