ViniCellist/Alura-WaveCast

alura wavecast project

Alura WaveCast

This is a solution to the CSS: construindo layouts com Grid. Alura Front-end school help you improve your coding skills by building realistic projects.

Table of contents

• Overview
  • The challenge
  • Screenshot
  • Links
• My process
  • Built with
  • What I learned
  • Continued development
  • Useful resources
• Author

Overview

This is the final project for Alura WaveCast using CSS Grid and Flexbox.

The challenge

Users should be able to:

Make three layouts for Alura WaveCast using media query and CSS Grid. Using figma to visualize the final product.

Screenshot

Mobile

Links

• Solution URL: GitHub
• Live Site URL: Vercel

My process

Used CSS to stylish each component of HTML structure.

Built with

• Semantic HTML5 markup
• CSS custom properties
  • Flexbox
  • CSS Vars
  • Grid
• Mobile-first workflow

What I learned

I learned about CSS grid usage for bidirectional website content organization.

Continued development

I know for sure that this projects opened my mind to see webpage creation in a whole new perspective

Useful resources

• HTML 5 - HTML documentation.
• CSS3 - CSS3 documentation.

Author

• GitHub - Projects
• Frontend Mentor - Profile
• LinkedIn - Professional
• Instagram - Personal