Design comparison
Solution retrospective
Getting it up and running relatively easily, growing in confidence. i think i would provide a bit more consistency in fontsizing, padding and structure it a bit better.
Learned about how to cover images effectively, relative sizing of buttons with a fixed width using max-width and width properties, re-emphasis on using REM units in font-sizes, margins and paddings.
What challenges did you encounter, and how did you overcome them?Getting it to center again, even though I knew how to do it.
What specific areas of your project would you like help with?HTML structure CSS structure and feedback
Community feedback
- @Marvie-03Posted 6 months ago
I'd advise you increase the transition time on the button to
0.5s
or500ms
for a smoother flow. Secondly, the hover state has an outline caused by thebox shadow
you added.button:hover, button:focus { background-color: hsl(var(--clr-green)); color: hsl(var(--clr-grey)); outline: none; box-shadow: 0 0 0 0.1875rem rgba(255, 255, 255, 0.75); }
In my opinion, you can remove the
box-shaow
property.0@medic-codePosted 6 months agoThanks for your feedback
I'll make the change for transition time, the box shadow was just me doing a little styling, its probably unnecessary.
@Marvie-03
0
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