Design comparison
Solution retrospective
I'm proud that I could use my HTML and CSS skills.
Community feedback
- @DylandeBruijnPosted 5 months ago
Hi @mattgo327,
Great job on finishing this project. I'm trying to view your code but the link goes to your QR code solution.
Some friendly constructive feedback:
-
You could try to make your solution look more like the design. At the moment the buttons appear too big and the correct
font-family
is not being used. -
Because you use percentages to set the
height
andwidth
of your card the look of your card changes when viewing it on different viewports. I suggest you usepx
,em
orrem
values. Theheight
of the card can be untouched, it's common practice to let the content control the height of the element. -
Try using
a
tags for your links instead of abutton
. There are use cases for both of them, but in this example you want the links to actually navigate to something else. Usinga
tags for this behaviour is standard. You can always style them to look like a button, but under the hood it's a link.
I hope you find my feedback helpful and if you have any other questions ask away!
Marked as helpful1@mattgo327Posted 5 months ago@DylandeBruijn Hey Dylan, thanks for the feedback. Yeah,about the height of the buttons, when I was working on those I didn't the real height in my developer gadget, I use Brave. I don't know if that's why I didn't look how it really looked or beacuse I used percentages. Anyway, thank you for the support.
0@DylandeBruijnPosted 5 months ago@mattgo327
No problem, I would appreciate it if you could mark my comment as helpful if it did help you out!
0@mattgo327Posted 5 months ago@DylandeBruijn I put the code now in the main branch, you can check it out.
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