The landing page was done using Grids and Flexbox for layout. The most frustrating part was that CSS apparently cannot change the src attribute of an img element. When you set background-image or content properties in CSS, this does not change the src attribute. This caused me to have to use two separate elements for the hero images, one for desktop and another for mobile. I learnt you can change src in Javascript so in the future I will take a look at that