main.css

/* Q1 */
/* 1. Change the font color of the title (h1 element) to any color. 
Cambiar el color del las letras del titulo ( elemento h1) por cualquier color. */
h1{color: #ff9900;}

/* Q2 */
/* 2. Change the background color of the "colleges" list to #c83; cambiar el color del fondo 
de los "colegas" listar el #c83. */
.colleges{background-color: #c83;}

/* Q3 and Q4*/
/* 3. Remove the bullets from the "topics" list items (but not the "colleges" list items). 
Remover los vinetas del los articulos listado de los topicos (pero el listado de articulos de los colegas) */
.topics{list-style-type: none;}

/* Q4 */
/* 4. Set the max-width to 300px for all images, but only the ones inside of a figure element
The size of the 'code' image should not change. establece el ancho-maximo hasta 300px para todas 
las imagenes sin cambiar las imagenes dentro del elemento figura el tamano de la imagen "codigo" */
figure img{max-width: 300px;}

/* Q5 and Q6 */
/* 5. Change the display property for each figure so that they are all on the same line. 
Cambiar las propiedades de pantalla para cada una de las figuras para que queden en la misma linea. */
/* 6. Set the margin on all four sides of every figure element to 20px; Establcer el margin de las 
cuatro lados con cada elemento de figura a 20px. */
figure{display: inline-block; margin: 20px;}

/* Q7 */
/* 7. Add a 5th figure element (with an img and figcaption inside) inside the
div with the figure elements. Then set the img src to be a picture of a squid. Anadir una quinta elemento 
figura (cada imagen y dentro del "figcaption") dentro de la division "div" los elemtos de figura. Ademas, establece la imagen "SRC" que sea una foto de un pulpo. */