This project got me thinking about CSS best practices and how to properly organize a project before getting into the nitty gritty.
I still find concepts like flex a bit frustrating but I know they will become easier and easier with more project-like practice.
Can the community point me to some excellent resources in order further hammer down these concepts? (CSS best practices and flex)
Hi TDEVDEV,
A great resource for css can be found here: https://css-tricks.com/
For flex in particular, I benefitted a lot from the following read:
https://css-tricks.com/snippets/css/a-guide-to-flexbox/
Have fun and keep at it.
Hi,
Very good effort. My only input would be to try to follow and match the design provided.
For your solution you have a few font differences to the design. Also as @Favour said, you can manipulate pictures etc. following her link. Myself I cut corners and just added both images into the HTML content and then used display property to flip flop between one or the other depending on my media screen queries.
As far as the button hover goes, there is a colour in the style guide, think it was something like 'very dark blue' that's what I used for my hover effect...
Solid effort though, first important thing in any development is to see the project through.
