Les dejo una propuesta para los botones tipo mando de consola. Pueden hacerlo con display: grid.
Acá el código:
Como podéis ver, la clave para poder posicionar cada botón en la parte que queramos de nuestra Grid es asignarle en nuestro documento HTML una clase para cada posición.
Lugo en el CSS es donde le indicamos en qué posición de nuestra Grid queremos posicionar dicho botón.
En mi ejemplo utilicé en la declaración el selector padre para ser más específico, por si en el futuro el proyecto creciese y aunque no es buena práctica, si hubiese otros componentes con las clases up, right, down y left al ser específicos, estos estilos sólo se aplican a los botones dentro del Grid. Espero que les sirva. Ya falta menos para terminar el curso 💪🏼
¿Quieres ver más aportes, preguntas y respuestas de la comunidad?