All solutions

Hola!. Es de mi agradado compartir el siguiente desafío resuelto de la plataforma. Para centrar la tarjeta utilice flex-box, tuve la oportunidad de utilizar más la propiedad box-shadow para poder realizar los sombreados de la tarjeta el cual me ayudo a entender el comportamiento de la propiedad. Saludos cracks y todo feedback será de gran ayuda.

Hola!!. Estoy muy contento de poder haber finalizado este desafío. La verdad que me encontré con algunas dificultades. Estoy tomando un curso de Angular y se me ocurrió darle solución con este framework, además de poner en práctica lo aprendido. Al principio no podía obtener los datos de la Api, también no lograba hacer la búsqueda desde en input y redireccionar a los países vecinos. Al final se logró el desafío.

Tecnologías utilizadas: HTML 5 SASS Angular Mobile First Git actions Se agradece y será bien recibida el feedback.

Un reto en el cual se practica mucho la maquetaciòn que pone en reto los conocimientos adquiridos. Utilizando Html y css:preprocesador less. Ademas de utilizar la mètodologia de Mobile Firts. Comentarios o sugerancias seran muy bien recibidas. Saludos.

Reto #017 Aprovechar el archivo JSON para prácticar y de esta manera poder extraer los datos para mostrarlos en la vista de la página web. Además de utilizar el preprocesador de css:less e implementar la metodología de Mobile First para iniciar la maquetación del sitio web en dispositivos móbiles y ajustarlo a pantallas mas grandes. Cualquier sugerencia sera muy bien recibida. Saludos.

Es el desafio #16 que he resuelto en la plataforma. Fue un reto que lo tube que tomar con mucha calma, ya que a simple vista puede parecer facil pero tenia inconientes pra poder desplegar la informacion es por ello que termine utilizando JavaScript para facilitar la interación. Tambien se utilizo el preprocesador de css: SASS y por ultimo en el tema responsivo de la página web, hace unos días me hicieron la recomendación de la metodologia de Mobile Firts, es por ello que en este desafio lo utilice empezando con el diseño de las paginas para pantallas móviles hasta llegar con las pantallas de las computadores de escritorio. Dudas o sugerencias seran muy bien recibidas. Saludos.

Iniciando a resolver los desafios con un poco de JavaScript. Fue una mejor manera para adentrarme a este lenaguaje de programacion por medio de este desafio. Utilizacion del evento addEventListener 'click', ademas de utlizar función de flecha y in IF para analizar la condición que se cumplian. Html y css para diseñar la página web. Dudas o comentarios seran muy bien recibidos.

Desafio resuelto con la maquetacion de Flexbox para poder organizar los elementos de la pagina, ademas de posicionar de las imagenes como lo indicaba en las imagenes. Ademas de utilizar el preprocesador mas popular de css: SASS. Se utlizaron media queries para poder hacer del sitio web de manera responsivo haciendo que se adapta al mayor numero posible de los dispositivos móviles. Cualquier sugerencia o duda es muy bienvenido. Saludos.

Desafio resuelto con Html, Css preprocesador: LESS. Flexbox. Grid Cualquier duda o sugerencia sera muy bienvenido, ya sea en la parte del codigo o la implementacion del diseño.

Se utilizo HTML5, el preprocesador mas popular de CSS: SASS. Declaración de variables $nombre-variable. @mixin nombre( ){ // lo utilice para ahorrar lineas de diseño en las tarjetas } Para llamar la función -----> @include nombre ( ); Flexbox -----> dividir la seccion en 4 partes para facilitar la maquetacion del sitio web. CSS Grid layout ------> Para poder acomodar la imagen junto con los datos del usuario. Cualquier sujerencia sera muy bien recibido. Para poder ir mejorando mis habilidades.

Un desafio muy interesante que se pudo resolver con HTML5, CSS, para ello se utlizo Flexbox para lograr acomodar las 4 secciones de la carta ademas de realizar columnas. Preprocesador LESS, para seguir practicando los conocimientos adquiridos. Responsivo se hizo lo posible para que pueda ser vista en cualquier dispositivo.

Desafio resuelto con Html5. Css con el prepocesador de LESS, declaración de variables, mixions. Tambien se utilizo Flexbox para poder realizar las columnas y darle un mejor diseño a la pagina ademas de cuidar la parte responsiva. Sugerencias o comentarios son muy bienvenidos. Saludos.

Desafio resulto con Html, Css. Con el procesador de SASS. Cambie el icono de la pestaña por otro(practica) favicon. Flexbox para poder centrar la imagen. Algo que no habia mencionado en los otros desafios pero utilizo el programa de PicPick para tomar las medidas aproximadas y detectar los colores originales. Responsivo. Cualquier duda o sugerencia sera muy bienvenido.

Primer desafio del nivel nivel. Puse en practica sobre lo aprendido para poder posicionar las cajas por medio de flexbox y grid para poder dividir las seccion de comentarios. Tambien se realizaron consultas para poder hacer el sitio responsivo.

En este desafio puse en practica acerca del preprocesador de LESS. Ya que mi objetivo es aprender de los preprocedores de LESS y SASS. Ademas de utilizar Flexbox para ajustar la página web. Utilizar capas en CSS para poder colocar un color encima de una imagen al momento de pasar el mouse. Todos los comentarios seran muy bienvenidos.

Este desafio fue resuelto con las habilidades adquiridas de un curso. HTML5 para darle estructura al proyecto, el Preprocesador de SASS poniendo en práctica lo aprendido con son: la declaración de variables, @mixin que funcionan como una función para ser llamados cuando sera necesario, en este caso los utilice al pasar el cursor sobre el boton. @fon-face para importar las librerias de los estilos de letras. Animación en la parte del logo y tambien en los iconos de las redes sociales tratando de realizar como un efecto de ola. Cualquier duda o comentario sera muy bienvenido.

Le muestro mi siguiente desafio que resolvi. #5 Se complicaba importar la imagen al ser de la extension de svg, pero en este caso no cambia mucho. De igual manera realice que el sitio sea los mas responsivo posible para los dispositivos móviles. Utilizando HTML5, CSS fon-face para importar el tipo de letra, un poco de sombreado (box-shado) para el boton. Ademas de utilizar la seudoclase hover, para mostrar los cambios cuanto el cursos pasa sobre algunos elementos.

Elaborado Html 5 y css. Se incluyo animación al recargar o cargar la pagina web. Alguna sugerencia sera bienvenido.

Utilización de css y html. Ademas de diseño responsivo. linear-gradient para colocar colores sobre una imagen. flex-direction: column-reverse; para ordenar contenedores. Alguna sugerencia sera bienvenido.

Fue una gran reto centrar la información ademas de importar una imagen y que cierto espacio tenga información del producto. Tambien utilizar transicion para ver el boton al momento de pasar el mouse.

Realice el reto y se complico un poco al centrar la caja que utilice. Me encato el ejercicio y a seguir practicando.