BryanCloudDev / OrderComponent

Table of contents

• Overview
  • The challenge
  • Screenshot
  • Links
• My process
  • Built with
  • Continued development
• Author

Overview

The challenge

Users should be able to:

• See hover states for interactive elements
• Check how the mediaqueries work on different screen sizes

Screenshot

Mobile design

Desktop design

Links

• Solution URL: (https://www.frontendmentor.io/solutions/music-app-with-sass-and-html-HejriV--1)
• Live Site URL: (https://bryanclouddev.github.io/OrderComponent/)

My process

Built with

• Semantic HTML5 markup
• CSS custom properties
• Flexbox
• Mobile-first workflow
• SASS preprocessor

Continued development

I will try to continue improving how I apply the mobile first desing in order to get practices when developing responsive websites.

Author

• Website - bryancloud.dev
• Frontend Mentor - @bryan-cloud
• Twitter - @BryanCloudDev