@darryncodes
Posted
Hi Ashley,
Your solution looks great on desktop, nice work!
Regarding your question about specifying each button colour, I don't think you can in this instance. There is a keyword called inherit which let's you inherit the parent's property - it can be quite useful!
Some helpful pointer's
- have you considered using Flexbox to position your elements instead of position absolute, margin and paddding? It's extremely powerful and would really help your design become mobile responsive too.
- there are lots of great free resources out there, scrimba is one of them!
- you're adding a border to your button on hover which is making your design jump a little. Add it before the button is hovered Here is some useful guidance. Also it might be nice to add a transition.
- be mindful of your accessibility/html report, you can learn a lot from it. Semantic html is really important you could be using a
main
andfooter
tag in your design
Good luck with it all, Keep coding!
Marked as helpful
@ashhh266
Posted
@darryncodes Thank you so much for the very thoughtful feedback! This is my first project so I still have a long way to go. I'm going to look into the resources you provided and try some edits. Much appreciated!!