WWebday Studio
Espace de développement avec IA

Mises en page CSS adaptatives

Commencez par la mise en page étroite.

● ● ●Webday Studio●
Méthodes de travail · Mises en page CSS adaptatives ×
.workspace {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}
.workspace > * { min-width: 0; }
✳Commencez par la mise en page étroite.
✓ ModificationsVérifiez avant d’appliquer ↗
Illustration de l’espace de travail
  1. Vérifiez avant d’appliquer

    Comparez le comportement observé au résultat attendu. Si une vérification échoue, cherchez la cause avant de poursuivre les modifications.

  2. Modèles

    Configurez un endpoint compatible OpenAI ou Anthropic avec son URL de base et une clé API si nécessaire. Testez la connexion. Un serveur local doit fonctionner ; les outils distants peuvent transmettre des données séparément.

  3. Projet

    Ajoutez un long libellé et un bloc de code à la grille, puis corrigez leur réduction au lieu de masquer le débordement.

Méthodes de travail

Mises en page CSS adaptatives

Méthodes de travail ↗
Méthodes de travail
.workspace {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}
.workspace > * { min-width: 0; }
Espace de développement avec IA

Votre prochaine idée commence ici.

Télécharger pour Windows ↗