Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
1
respuesta

Aportacion

Que tal compeñeros.

El tema que tocamos en este curso es interesante y a la vez es muy cierto que si tenemos nuestro codigo en orden hasta la gente que apenas comienza con la programacion puede darse una idea del como esta funcinando.

Saludos.

1 respuesta

¡Hola Marcoantonio!

Entiendo que estás interesado en aprender más sobre el patrón BEM en CSS. Este patrón es realmente útil para mantener el código CSS organizado y comprensible, lo que facilita la colaboración en equipos grandes y el mantenimiento a largo plazo.

Básicamente, BEM se compone de tres partes: Block, Element y Modifier. Estas partes ayudan a estructurar las clases CSS de una manera que hace que el código sea fácil de entender y mantener. Por ejemplo, si tienes un componente de tarjeta, podrías aplicar el patrón BEM de la siguiente manera:

<div class="card">
    <img src="..." alt="..." class="card__image">
    <h2 class="card__title">Título</h2>
    <p class="card__description">Descripción aquí.</p>
    <button class="card__button card__button--primary">Haz clic aquí</button>
</div>

Observa cómo las clases siguen la convención BEM, lo que hace que sea fácil comprender la estructura y las relaciones entre los elementos, incluso sin ver el CSS.

Espero que esta explicación te haya ayudado a comprender un poco más sobre el patrón BEM. Si tienes más preguntas al respecto, no dudes en preguntar.

¡Saludos y buen aprendizaje! Espero haber ayudado y buenos estudios!

Si este post te ayudó, por favor, marca como solucionado ✓. Continúa con tus estudios!