https://github.com/amandine18/responsive

Mini projet SN2 pour bien maitriser le responsive en HTML et CSS
https://github.com/amandine18/responsive

css3 html5 json php responsive

Last synced: 4 days ago
JSON representation

Mini projet SN2 pour bien maitriser le responsive en HTML et CSS

• Host: GitHub
• URL: https://github.com/amandine18/responsive
• Owner: amandine18
• Created: 2024-11-21T10:01:48.000Z (3 months ago)
• Default Branch: main
• Last Pushed: 2024-11-21T10:27:50.000Z (3 months ago)
• Last Synced: 2024-12-09T17:19:44.880Z (2 months ago)
• Topics: css3, html5, json, php, responsive
• Language: PHP
• Homepage:
• Size: 2.25 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Responsive

Réalisation de la page d’accueil d’un site Web, de manière la plus responsive possible : qui garantisse l’expérience utilisateur quelle que soit la taille (et la résolution) de l’écran.

Eléments utilisés

- une « grid » avec au moins 5 blocs distincts

- une « flexbox »

- une dizaine d’images

- du texte (de longueur variable)

- 3 breakpoints (seuils à utiliser dans les media queries)

- un bloc avec un scroll horizontal

- un fichier JSON dont les données sont récupérées et affichées en PHP

Pour prendre en compte le fichier JSON

- ouvrir un terminal

- se positionner dans le dossier où se situent les fichiers du projet

- taper la commande "php -S localhost:8000"

- ouvrir un navigateur et saisir l'URL "localhost:8000"

Autre possibilité : utiliser Wamp (mettre le dossier du projet à la racine : wamp64/www/)