Saltar al contenido
INTERMEDIATE
1.5 hours4 chapters

Responsive Design

Make your website look good on every device, whether it is a big desktop computer, a tablet, or a small smartphone. We will take it one gentle step at a time.

Vibe Coding Academy Avatar
Progress: 0%In progress

What You'll Learn

Por qué los teléfonos, las tabletas y los ordenadores tienen pantallas de distintos tamaños
Cómo una página puede "estirarse" para caber en cualquier pantalla
Hacer que el texto y los botones sean lo bastante grandes para leer y pulsar
Comprobar su trabajo en un teléfono de verdad

Description

Aprenda diseño adaptable a su propio ritmo, con instrucciones claras y amables pensadas para personas adultas. Dividimos cada idea en pasos pequeños y cómodos, usamos ejemplos de la vida cotidiana y dejamos de lado la jerga confusa. No hay nada que apresurar ni nada que memorizar.

A lo largo de este tutorial, su avatar de Vibe Coding Academy caminará a su lado con ejemplos suaves, ejercicios sencillos y consejos del mundo real, ayudándole a ganar confianza con una pequeña victoria cada vez.

Al final entenderá cómo un sitio web puede verse perfecto tanto en una pantalla grande como en una pequeña, y sabrá comprobarlo usted mismo, sin ninguna configuración complicada.

What's Inside

Four short chapters, about 1.5 hours in total. Take a break whenever you like; the page will remember where you are.

  • 1.Una bienvenida amistosa y qué significa de verdad "adaptable"
  • 2.Por qué las pantallas vienen en tantos tamaños distintos
  • 3.Hacer las cosas flexibles para que quepan en cualquier pantalla
  • 4.Probar su página en su propio teléfono
Vibe Coding Academy Avatar
"Take your time, and remember: you cannot break anything by trying. I'll be with you the whole way."