Hey all! Decided to put my shiny new responsive web design skills to work, and create my home page for a podcast I co-host. I built it using the skills I picked up completing the FCC web curriculum, which is honestly amazing. Freecodecamp, you rock!
I built the site using HTML, CSS, and bootstrap.
I run an Ubuntu VM through Azure and use Apache as my web server. I’m versed in Linux and figured this setup was practical and affordable.
Ya, this is the biggest issue as far as I see, especially since there is a good chance the majority of people viewing your site will be on mobile devices. My suggestion would be to use a narrow-first approach to styling (or mobile-first if you prefer that term). Narrow your browser all the way in and style it to look good at that narrow width. This will be your base CSS. Then you can gradually widen and add break points as necessary for layout changes on wider view ports.
You’ve got some pretty basic accessibility issues that can be easily detected with a number of different accessibility browser extensions. I primarily use the axe accessibility checker, but there is also WAVE, Lighthouse (built into Chrome/Edge), ARC, SiteImprove, and many others. Fixing these basic issues should not be hard.
I feel like there’s now a decent mobile experience. I tested the site using lighthouse, and got all the scores in the 90s.
Even better, the site doesn’t look crunched and crappy on smaller viewports.
Thanks @bbsmooth , @jwilkins.oboe, @lasjorg , and @dejesus for the suggestions / feedback! I’m still working on implementing a few things, including embedding the audio file and adding a “read more” button… Just procrastinating on writing that content myself, lol!