M-lakshan / FM_Challenge-Fylo_Data_Storage_Component

simple cloud storage consumption preview webpage using HTML and CSS

Welcome! 👋🏼

Frontend Mentor - Interactive Rating Component

Frontend Mentor challenges help you improve your coding skills by building realistic projects

Table of contents

• Overview
  • The challenge
  • My Achievements
  • Screenshot
  • Links
• My process
  • Built with
• Author

Overview

This is an entry-level Junior(Free) challenge that uses only HTML & CSS

The challenge

• View the optimal layout for the site depending on their device's screen size

My Achievements

• built the component almost close to the design provided.
• set hover states for interactive elements using CSS

Screenshot

• mobile-version

• desktop-version
  

Links

• Solution URL: Frontend Mentor Solution Page
• Live Site URL: GitHub Pages

My process

Built with

• Semantic HTML5 markup
• CSS custom properties
• CSS Flexbox & Grid
• Mobile-first workflow
• custom interactions & validations using JS
• with Visual Studio Code Editor

Author

• Frontend Mentor - @M-lakshan
• Dev.to - @mlakshan