Kevin Copo
@snowbot22All comments
- @ItsJPerez@snowbot22
Hi, you can use Flexbox to center elements too:
parent-element{ display: flex; justify-content: center; align-items: center; }
Where justify-content is for align items vertically and align-items is for algin items horizontally. - @Xaxnxdxrxexax@snowbot22
Hi you can switch between images with the HTML label <picture>. This label help you a lot when you want to swicht images in differents widths, to see how to use it read this MDN article. https://developer.mozilla.org/es/docs/Web/HTML/Element/picture
- @TheAwesomeTechGirl@snowbot22
Hi you can switch between images with the HTML label <picture>. This label help you a lot when you want to swicht images in differents widths, to see how to use it read this MDN article. https://developer.mozilla.org/es/docs/Web/HTML/Element/picture
Marked as helpful - @alephy9@snowbot22
Use the picture label in your html file, with this label you can switch imgs in differents breakpoints. See more in: https://developer.mozilla.org/es/docs/Web/HTML/Element/picture
- @JoelLH@snowbot22
Hi :hover is fine, :active is more used on inputs.
- @steveflores-013@snowbot22
Debes usar un flexbox en los dos contenedores y usar la propiedad gap como dijo @simonhernandez. Pero tambien veo que necesitas alinear de forma vertical los elementos, consigues eso agregando la propiedad "align-items: center". Con esta se alinearan de forma vertical
- @ruansilvaolv@snowbot22
Always use the attribute "alt" when you use <img> in HTML. For the hover effect use the positions properties in CSS.
- @zambobence@snowbot22
Flexbox is fine,but if you use the property "gap" your design will be more exact to the original one
- @Abecarne@snowbot22
If you want to center the card use CCS grid. Using the property place-items:center once your container is a grid, the card will center in your container.
- @snowbot22@snowbot22
Thank you so much fot the feedback !