Skip to content

Instantly share code, notes, and snippets.

View joelalejandro's full-sized avatar
🏳️‍🌈

Joel Alejandro Villarreal Bertoldi joelalejandro

🏳️‍🌈
View GitHub Profile
@joelalejandro
joelalejandro / frutas-verduras-y-listas.markdown
Created September 5, 2020 00:01
Frutas, verduras y listas
@joelalejandro
joelalejandro / desafio-google-en-una-semana.markdown
Created September 5, 2020 00:00
Desafío: Google en una semana
@joelalejandro
joelalejandro / menu.css
Created September 4, 2020 23:59
Menú de navegación
/**
Ejercicio:
1) Crear el HTML básico para armar un menú con las siguientes opciones:
- Inicio
- Servicios
- Diseño web
- Marketing
- Consultoría
@joelalejandro
joelalejandro / perfil-de-usuario.css
Last active September 4, 2020 23:58
Perfil de usuario
/**
* hola!!
**/
body {
background-color: #edba69;
}
.container * {
box-sizing: border-box;
@joelalejandro
joelalejandro / margin-padding.css
Created September 4, 2020 23:57
Uso de margin y padding
* { box-sizing: border-box }
.contenedor, .caja {
border: 3px solid black;
width: 200px;
margin: 0 auto;
}
.contenedor {
/* Espaciado hacia adentro */
@joelalejandro
joelalejandro / pseudoclases.css
Created September 4, 2020 23:56
Pseudoclases
/* Aplico estilos para elemento enfocado
a todas las etiquetas cuyo atributo type sea text */
body {
background: #EED870;
}
#pseudoclase-focus input {
background: transparent;
border: 0;
border-bottom: 1px solid gray;
@joelalejandro
joelalejandro / index.html
Created September 4, 2020 23:54
Rectángulo de color
<div class="contenedor-logo">
<img src="https://placehold.it/602x167">
</div>
@joelalejandro
joelalejandro / composicion-de-clases-css.markdown
Created September 4, 2020 23:49
Composición de clases CSS
@joelalejandro
joelalejandro / ejemplo-de-selectores-anidados-en-css.markdown
Created September 4, 2020 23:47
Ejemplo de selectores anidados en CSS
@joelalejandro
joelalejandro / css-reutilizable-para-componer-grillas-con-flexbox.markdown
Created September 4, 2020 23:46
CSS reutilizable para componer grillas con Flexbox