Fylo data storage component

Table of contents

• Overview
  • The challenge
  • Screenshot
  • Links
• My process
  • Built with
  • What I learned
• Author

Overview

The challenge

Users should be able to:

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

Screenshot

Links

• GitHub URL: GitHub Repository
• Live Site URL: GitHub Pages

My process

Built with

• Semantic HTML5 markup
• CSS3 custom properties
• Bootstrap 4
• Flexbox

What I learned

This project, despite being simple and small, taught me good and small points. Tips that will help me a lot in the future. It was a good experience overall.

<div class="progress progress-section">
   <div class="progress-bar progress-bar-section" style="width: 75%;"></div>
   <div class="progress-circle"></div>
</div>

.progress-bar-section {
    height: 12px;
    margin-top: 4px;
    margin-left: 4px;
    border-radius: 50px;
    background: linear-gradient(to right, hsl(6, 100%, 80%), hsl(335, 100%, 65%));
}

Author

• Website - My Website
• Linkedin - My Linkedin