Página de recetas responsiva con BEM y mobile fisrt.
Design comparison
Solution retrospective
De poder situar los iconos de las listas centrados con los textos de los list-items
Está claro que aún me hace falta practicar más con diseños responsive. Como plantear la estructura y organización del proyecto (a veces me pierdo en los detalles como tipografía letra, tamaño, color, etc.).
Debería mejorar como está estructurado el HTML (no me convence del todo que sea el más idóneo).
En cuanto al Css debería organizarme mejor y empezar por lo general e ir avanzando hasta lo más concreto.
What challenges did you encounter, and how did you overcome them?El tratar de posicionar el icono del list-item.
En realidad no lo pude superar, así que lo sustituí por un pseudoelemto ::before
y lo posicioné de forma absoluta, respecto de su list-item.
Sobre todo manejar los iconos de los pseudoelementos ::marker
Si se supone que son hijos de sus list-items, ¿ por qué no se pueden posicionar absolutamente ?.
Si alguien conoce la respuesta a dicho misterio, me gustaría que lo compartiera con un pobre aficionadillo al código CSS ( antes de que me vuelva tarumba).
Gracias a todos por vuestra paciencia y comprensión.
Join our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord