Projet - Prism (Part.03) - Responsive

Projet : Prism

Avec ce projet Prism, il est temps de passer à une autre échelle. Après avoir développé de simples sections, vous allez concevoir une page complète.

Il est facile de croire que la durée du développement est liée à la longueur de la page. Alors que non ! Ce projet en est le parfait exemple… mais je n'en dis pas plus…

Attention, voici une contrainte pour vous (ou un avantage selon le point de vue). Vous devez impérativement utiliser le framework Client-First ! Vous allez donc partir du clonable Client-First de Finsweet.

Ce projet est accompagné de ressources disponibles en annexes et est composé de trois challenges :

1. Démarrage
2. Conception
3. Responsive

Petit conseil : Gagnez du temps en développant des éléments ou des .class réutilisables.

Challenge n°03 : Responsive

Objectifs

Adaptez une mise en page Desktop en version Tablette et Mobile. Ici pas de subtilités, c'est relativement simple mais il s'agit d'être méthodique.

Consignes

Pour ce challenge, voici quelques consignes :

• Comme pour la phase de conception, adaptez section après section
• Imaginez la version tablette

Afin de réaliser ce projet avec brio, fixons-nous un objectif de temps. Pour adapter ce projet, je vous donne 20 minutes. C'est à vous !