Hello All 
I am learning the front-end Web course and I just finished the Tea Cozy Project Challenge. I found it really challenging and I have some questions as to what is the best practice with HTML and css going forward.
I learnt that HTML being the skeleton/ structure of a website, it is best practice to include all text and images in the HTML, and then the styling of said content to be done in css. I found it very difficult to style the background images in the project if they were linked in the HTML (You’ll see I commented out the images in my index.html) and styled in a linked css. I had more success adding and styling the background images in the css as background-images:
So this leaves me a bit confused, isn’t it better to rather have the images in the HTML instead of the css and if they are added in the HTML how does one style them in a separate css with flexbox? Any thoughts and comments are appreciated.
Here is my repo and here is my live solution.