Construye 5 cards con Tailwind CSS 🤓

[@carlosmontes7088]

Gran video, como frontend junior te lo agradezco un montón! Me gustaría más videos de este tipo. Tienes muy buen contenido en tu canal, sigue adelante! 🙌🏻☺️

[@fixtergeek8057]

Gracias @carlosmontes7088 🙌🏻 seguimos trabajando para crear más contenido útil 😄

[@maopitbull1234]

dios no sabes cuanto te amo, he estado con dolores de cabeza ya que no es mi campo (soy back-end) y el tema de los estilos y colocarlos siempre se me ha hecho un martirio pero con estos ejemplos comprendí muchísimo mas como maquetar de una manera mas sencilla, un abrazo!

[@fixtergeek8057]

Ay gracias @maopitbull1234 😊 en el canal tenemos varios videos de estilos, ojalá te sean útiles…. abrazo de regreso!

[@ouza6744]

Genial, como me cuesta estilar lpm jaja . Genia Gracias

[@fixtergeek8057]

Llegaste al canal correcto @ouza6744 🤓🤓🤓

[@lucascubile7141]

que haces cuando la imagen se deforma ?

[@fixtergeek8057]

Puedes usar object-cover o aspect-video 👾

[@lucascubile7141]

@@fixtergeek8057Si lo hice pero pasa una de dos. O queda la imagen muy chica o se ve solo la mitad del contenido de la imagen. Igual al final use tu card de modelo y la adapte para que me sirviera. Mil gracias.

[@JohannaAntonietaGressiniCollan]

Brenda tengo una duda cuando paso las medidas a de los elementos de figma (ejemplo un botón) y los devs lo pasan a html y css se ven más grandes que lo que se ve en Figma, me podrías decir por qué pasa esto si no es molestia :)

[@fixtergeek8057]

Hola @use-ie7tx8yx9g, 40px en Figma son 40px en CSS. Pero el que se vean distintos puede suceder un par de razones: 1. Los comportamientos o atributos de algunos elementos son distintos en Figma y en HTML, por ejemplo, si en Figma tienes un texto con un font size de 24px, la altura del elemento es de 24px, pero cuando lo pasas a HTML, la etiqueta por default tiene una altura diferente aún con el mismo font size más un margen en el eje “y”, así que la altura del elemento va a ser distinta. O por ejemplo, si tienes dos , ambos con un margin en el eje “y” de 24px, en vez de haber 48px de margen entre ellos solo habrá 24px, ya que se sobreponen, pero no se sobreponen los márgenes en el eje x. Así que cuando se maqueta hay discrepancias que pasan desapercibidas. 2. Muchas veces en Figma usamos frames de 1280px o 1440px para el diseño, y cuando el equipo de desarrollo trabaja tiene devices de 1600px u otros tamaños de resolución, por lo que cuando comparas ambos se ven distintos, ya sea por la distribución de los elementos o los márgenes/espaciados. Desafortunadamente es algo muy común, y es por eso que mantener una buena comunicación con los equipo de desarrollo es importante, estar de acuerdo en que todos deben poner atención al detalle y tener claro cuál va a ser el comportamiento de los elementos. Espero haberte ayudado 🙌🏻