https://github.com/aperbet56/frontend_mentor_fylo_data_storage_component

Frontend Mentor Challenge. Mon défi consiste à créer ce composant de stockage de données et à le rendre aussi proche que possible de la maquette.
https://github.com/aperbet56/frontend_mentor_fylo_data_storage_component

css3 flexbox html5 normalize-css pseudo-elements reset-css responsive transition-animation

Last synced: 11 months ago
JSON representation

Frontend Mentor Challenge. Mon défi consiste à créer ce composant de stockage de données et à le rendre aussi proche que possible de la maquette.

• Host: GitHub
• URL: https://github.com/aperbet56/frontend_mentor_fylo_data_storage_component
• Owner: aperbet56
• Created: 2025-06-10T15:40:49.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2025-06-10T16:15:24.000Z (about 1 year ago)
• Last Synced: 2025-06-10T17:34:12.990Z (about 1 year ago)
• Topics: css3, flexbox, html5, normalize-css, pseudo-elements, reset-css, responsive, transition-animation
• Language: CSS
• Homepage: https://aperbet56.github.io/frontend_mentor_fylo_data_storage_component/
• Size: 81.1 KB
• Stars: 0
• Watchers: 0
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
## FRONTEND MENTOR | FYLO DATA STORAGE COMPONENT

![Design preview for the fylo data storage component project](./design/desktop-preview.jpg)

## Le challenge

Mon défi consiste à créer ce composant de stockage de données et à le rendre aussi proche que possible de la maquette.

## Démonstration

Lien vers le projet : https://aperbet56.github.io/frontend_mentor_fylo_data_storage_component/

## Projet développé avec

- Utilisation des balises sémantiques HTML5

- CSS3

- Flexbox

- Animations CSS (transition)

- Pseudo-éléments

- Utilisation d'un normaliseur : le fichier normalize.css

- Desktop first

- Page web responsive

- Commentaires HTML

- Commentaires CSS

- Importation de la police "Raleway"