3.0 KiB
Tarea de Refactorización de CSS
Objetivo
Refactorizar el proyecto del terrario para usar Flexbox o CSS Grid en el diseño. Actualiza el HTML y CSS según sea necesario para lograr un diseño moderno y responsivo. No es necesario implementar elementos arrastrables; céntrate únicamente en el diseño y el estilo.
Instrucciones
- Crea una nueva versión de la aplicación del terrario. Actualiza el marcado y el CSS para usar Flexbox o CSS Grid en el diseño.
- Asegúrate de que el arte y los elementos estén en su lugar como en la versión original.
- Prueba tu diseño en al menos dos navegadores diferentes (por ejemplo, Chrome, Firefox, Edge).
- Toma capturas de pantalla de tu terrario en cada navegador para demostrar la compatibilidad entre navegadores.
- Entrega tu código actualizado y las capturas de pantalla.
Rúbrica
| Criterios | Ejemplar | Adecuado | Necesita Mejorar |
|---|---|---|---|
| Diseño | Totalmente refactorizado usando Flexbox o CSS Grid; visualmente atractivo y responsivo | Algunos elementos refactorizados; uso parcial de Flexbox o Grid | Poco o ningún uso de Flexbox o Grid; diseño sin cambios |
| Compatibilidad entre navegadores | Capturas de pantalla proporcionadas para múltiples navegadores; apariencia consistente | Capturas de pantalla para un navegador; pequeñas inconsistencias | Sin capturas de pantalla o grandes inconsistencias |
| Calidad del código | HTML/CSS limpio y bien organizado; comentarios claros | Algo organizado; pocos comentarios | Código desorganizado; sin comentarios |
Consejos
- Revisa las guías de Flexbox y CSS Grid.
- Usa las herramientas de desarrollo del navegador para probar la capacidad de respuesta.
- Comenta tu código para mayor claridad.
Descargo de responsabilidad:
Este documento ha sido traducido utilizando el servicio de traducción automática Co-op Translator. Aunque nos esforzamos por garantizar la precisión, tenga en cuenta que las traducciones automatizadas pueden contener errores o imprecisiones. El documento original en su idioma nativo debe considerarse como la fuente autorizada. Para información crítica, se recomienda una traducción profesional realizada por humanos. No nos hacemos responsables de malentendidos o interpretaciones erróneas que puedan surgir del uso de esta traducción.