@WayneHaworth
Posted
Looks good to me :)
The image isn't quite reaching the bottom of the container. Play around with the height to fix this.
You might also consider using a background image instead of an image, as the picture isn't really part of the content on the page - I can see in your CSS that you have looked into trying a background image here, perhaps you had difficulty getting the overlay to work with a background image?
I solved this in another exercise by combining the background image with a gradient, like so:
background: linear-gradient(rgba(77, 150, 168, 0.9), rgba(77, 150, 168, 0.9)), url(../images/image-footer-tablet.jpg);
Maybe you could try this and see if you can get it working?
You have some good class naming habits built-in for only a month, great work! :)