Pasos

Paso 1

RETO: Encuentra el div con el id 'main' en tu HTML. Ve si le puedes poner un borde de un pixel en el lado izquierdo modificando la hoja de estilo existente, ‘layout.css’.

Si te preocupa cuál propiedad CSS usar, ve si la puedes buscar en dochub.

Paso 2

RETO: Si diste estilo al div #main en el paso anterior usando una regla de estilo como #main { property: value; }, ve si puedes encontrar una segunda regla que también pueda aplicar el mismo estilo, pero utilizando un selector diferente.

Pista: Puedes seleccionar un elemento que esté dentro de otro elemento, listando un selector después de otro. El selector .content div {} se aplicaría a todos los divs dentro de un elemento con la clase content

Paso 3

RETO: Ve si puedes convertir la página en un layout de dos columnas. Convierte el div 'nav' en la columna izquierda, y el div 'main' en la segunda columna.

Dos pistas: puede ser de ayuda darle a estos divs un ancho fijo, y puede que necesites la propiedad float.