Giter Site home page Giter Site logo

modehans / creating-digital-diversity_html Goto Github PK

View Code? Open in Web Editor NEW
0.0 0.0 0.0 243 KB

Página realizada durante el estudio de html y css

Home Page: https://modehans.github.io/creating-digital-diversity_html/

License: GNU General Public License v3.0

HTML 14.81% JavaScript 52.41% SCSS 32.78%
css html

creating-digital-diversity_html's Introduction

✨ ¡¡Hola Mundo!! Una nueva desarrolladora está aquí. ✨

Sí, este título es horrible, pero no me pude aguantar, tantos ejercicios con esas dos palabras, se han quedado grabadas en mi mente para siempre... 😜

Sobre mí

Actualmente estoy buscando ampliar mis conocimientos en React y Node.

Soy Ingeniera Agrícola y después de estudiar el master de Automatización de procesos Industriales, trabajé programando PLC´s y SCADAS, donde descubrí lo mucho que me gusta esta parte de la tecnología.

Mi trayectoria profesional se ha desarrollado en diferentes empresas a lo largo de los años, tanto empresas de topografía, eléctricas, alimentarias y agrícolas. He trabajado y gestionado equipos de trabajo, tanto en campo como en oficina, trabajado en remoto, en contacto con clientes finales e intermedios e incluso en mi última etapa profesional me he dedicado a la coordinación y docencia.

Me hablaron del Bootcamp de Adalab y decidí embarcarme en él, para reorientar mi carrera profesional en la programación web, que en realidad es lo que siempre me ha gustado.

Tecnologías

Web-components Lit JavaScript HTML5 htmx CSS3 SASS Figma Node.js Git Bitbucket Postman Android Studio React Express.js SQLite Gulp

Me puedes encontrar en

Linkedin Badge

creating-digital-diversity_html's People

Contributors

modehans avatar

creating-digital-diversity_html's Issues

Mejoras

Muy buen trabajo @modehans!!!

Aquí tienes unos consejos para mejorar tu ejercicio:

  • HTML > HEADER: La etiqueta img debe tener el atributo title.
  • HTML > HEADER: Necesitamos al menos una etiqueta ul.
  • HTML > HEADER: Necesitamos dos etiquetas li.
  • HTML > HEADER: Necesitamos dos etiquetas a en el menu, dentro de los li.
  • HTML > HEADER: El texto del primer enlace debe ser "Blog". Debemos ponerlo en mayúsculas con CSS.
  • HTML > HEADER: El texto del primer enlace debe ser "Contacto". Debemos ponerlo en mayúsculas con CSS.
  • HTML > MAIN: El contenido exacto del h1 debe ser "Creando diversidad digital". Debemos poner las primeras letras en mayúsculas con CSS.
  • CSS > ESTILOS REPETIDOS: Hay estilos repetidos en las media queries que no son necesarios, es mejor quitarlos. .header { display: flex }
  • CSS > PADDING: El padding de los enlaces no debería ser 0. Auméntalo para aumentar el área clickable, pero manteniendo los requisitos del diseño.
  • CSS > FIXED: La cabecera debe estar fija en la parte superior de la página y con top: 0.
  • CSS > FIXED: La cabecera debe medir todo el ancho de la página.
  • CSS > FLEX: La mejor forma de centrar el texto principal es con flex.
  • CSS > FLEX: El texto Creando diversidad digital debe estar centrado horizontal y verticalmente, lo mejor es hacerlo con flex.

Es posible que cuando corrijas uno de estos puntos, otros se corrijan solos, ya que unos dependen de otros.

Y recuerda algo muy importante:

  • Escribe tu código en inglés.
  • Escribe todos los ficheros y carpetas en inglés.
  • Los commits también tienen que ser en inglés, empezando por un verbo en infinitivo.

Ánimo y si tienes cualquier duda avísame!!!

Con cada mejora que hagas, márcala como completada en este issue y su súbela a este repo.

Este issue ha sido creado automáticamente por ello puede tener algún error, si hay algo que no te encaja escribe por slack al coordinador de Adalab.

Para corregir el ejercicio buscamos determinadas palabras en el código para identificar las secciones. Por ejemplo buscamos Creando para buscar el título de la página. Si has escrito mal alguna palabra en el código es posible que te aparezcan aquí falsos errores.

Por favor no cierres este issue, ya lo haremos nosotros.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.