Ce projet consiste à reproduire une interface d'affichage d'articles technologiques en respectant le design fourni et en mettant en place un layout responsive pour différents types d’écrans.
Cette page affiche une liste d’articles avec :
- une image d’illustration
- un titre d’article
- une date de publication
Le design s’adapte automatiquement aux différentes tailles d’écran :
- 💻 Desktop
- 📱 Mobile
- 📟 Tablet
- HTML5 sémantique
- CSS3
- Flexbox
- Responsive Design
- Google Fonts (Poppins)
Le projet est optimisé pour plusieurs tailles d’écran :
| Appareil | Largeur |
|---|---|
| Desktop | 1350px |
| Tablet | 1024px |
| Mobile | 412px |
Sur mobile :
- l'image passe au-dessus
- le texte de l'article se place automatiquement en dessous
🔗 Live Demo
👉 Pages GitHub : https://charlie38-devlab.github.io/ui-simple-article-listing-design-challenge-05/
👉 Vercel : https://ui-simple-article-listing-design-ch.vercel.app/
https://github.com/Charlie38-DevLab/ui-simple-article-listing-design-challenge-05.git
- Reproduire fidèlement un design UI
- Améliorer les compétences en HTML et CSS
- Créer un layout responsive
- Utiliser une structure HTML sémantique
Développé par Charlie Corentin AGBAYAHOUN LOKOSSOU
Développeur Full-Stack Web & Mobile