Podcast Channel

This is the first project from the Web Full Stack Development intensive programme by Acámica, the goal was to create the layout of the landing page of a Podcast channel, following the visual guides of a provided user interface and developing functionalities of content reproduction, navigation and compatibility with multiple browsers and devices.

Built with 🛠️

• HTML5 - Markup language
• CSS3 - Stylesheet language
• Sass - Preprocessor scripting language

Features 📋

• Mobile first.
• Responsive views:
  • mobile
  • small tablets
  • large tablets
  • and desktop
• Units criteria:
  • px for font root element and borders,
  • % and rem for the rest.
• Naming criteria:
  • .TitleCase modules
  • -camelCase elements
  • --camelCase modifiers
• Properties order criteria: grouped by type as follows -->
  • Inheritance
  • Layout
  • Box Model
  • Visual Properties
  • Typography
  • Animations
  • Others

Previews

Desktop

Mobile

Requirements ⚙️

A text editor like Visual Studio Code and a development local server such as Live Server.

License 📄

This project is under (MIT License) - See the file LICENSE for more details

---