Blue-dot-podcast

The goal was to develop a landing page for a fake podcast channel for which the design and 2 views (mobile and desktop) were provided. The site is built Mobile First and using semantic HTML as an excercise in Web Development good practices.

Demo time!

Click here and let the magic begin!

What I use to build this?

• HTML
• CSS
• Grid

Want to contribute?

Open a Issue or help me with a pull request

TODOS

• Use lazy-load to optimize the images load
• Try to optimize the HTML and the CSS (too many divs, negative margins iuugh)
• Change the image format for lower the size and lesser the user impact
• Maybe use a CDN to serve the images, yes I'm looking at you Cloudinary
• Migrate from Grid to Flexbox