Página de estilo responsivo de producto perfume
Design comparison
Solution retrospective
Solución a la página responsive de producto. Lo que más me costó fue hacer que sea responsive. Si alguien tiene consejos, videos, o cursos sobre el tema de Media Queries y cómo hacer que las páginas sean responsives me ayudaría muchísimo, porque hasta ahora es lo que más me cuesta. Obviamente cualquier comentario, sugerencia o corrección es más que bienvenida, todo sea para seguir mejorando. Desde ya muchísimas gracias.
Community feedback
- @danielmrz-devPosted 9 months ago
Hello @Josue-code-lanch!
Your project looks great!
I have a suggestion about your code that might interest you:
📌 You can use the
<picture>tag when you have different versions of the same image 🖼. Using the<picture>tag will help load the correct image to the user's device, saving bandwidth and improving performance.Example:
<picture> <source media="(max-width: 460px)" srcset="{desktop image path here}"> <img src="{mobile image path here}" alt="{alternative text here}"> </picture>I hope this helps!
Other than that, excellent work!
0@Josue-code-lanchPosted 9 months ago@danielmrz-dev buenísimo! Muchísimas gracias por el consejo, lo voy a tener en cuenta en próximos proyectos 💪🏻🤍 muchas gracias
1
Please log in to post a comment
Log in with GitHub
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