'/%3e%3cuse%20xlink:href='%23b'%20fill='%23fff'/%3e%3cpath%20fill='%23000'%20d='m366.1%20186.5-.3-19.5c0-4.2-3.5-8-7.9-8h-43.1v251.7h-80.7l-10.9-1c-10.3-1.5-18.7-7.2-23.3-16.9l-39.1-81.5c-3.9-8.1-10.6-11.5-19.5-12l-26.2-.3v-46.9l39.7-.6c16.1-.2%2029.1-10.9%2033.8-26%204.1-14.2%204.2-28.7-.6-42.7-5.2-13.8-17.3-23.5-32.3-23.7l-40.6-.4v-46.8H159c9.8%200%2019.1%201.7%2028.4%204.2%2023.1%207.1%2041.3%2023.2%2050.2%2046%2016.5%2042.1%206.1%20100-39.1%20118.9%205.1%203.9%2010.1%208.1%2013%2014.1l27.9%2058.9c2.2%204.6%206.2%208.6%2011.4%208.8l12.1.5v-251h128.5c7.3%200%2013.3%203.7%2017.2%209.2%201.6%204.7%203.1%209.9%203.1%2014.9l.2%2050c-15.2.6-29.5.5-45.8.1'/%3e%3c/g%3e%3c/svg%3e){kind=small}
CSS Lección 1
Vídeo de la lección
Contenido de la lección
¿Aún usas media queries para todo tu diseño responsive? Descubre cómo el CSS moderno te permite crear sitios web totalmente adaptables sin depender de breakpoints. En solo 10 minutos, aprende a usar clamp(), min() y max(). ¡Moderniza tu CSS y haz tu código más limpio y eficiente!
🔹 Timestamps
00:00 - Presentación
00:35 - Nuevas funciones: clamp()
03:56 - Prácticas recomendadas con clamp()
06:19 - Nuevas funciones: max() y min()
09:20 - Conclusiones
¡Gracias por ver!