tal vez de que ahora si tenia bien la idea de como iba a ser el diseño
What challenges did you encounter, and how did you overcome them?creo un poco de como deveria cambiar la apariencia
What specific areas of your project would you like help with?en los estilos de css y como se puede hacer ara que los diseños se vean bien aque se sigan achicando
Mejora tu estilo CSS:
1. Adopta unidades relativas para mayor flexibilidad
%): ¡Domina las cuadrículas fluidas y los diseños adaptables con facilidad!em) y Rem (rem): Desbloquea la tipografía y el espaciado escalables. em escala con el tamaño de fuente del elemento principal, mientras que rem escala con el elemento raíz. ¡Tus diseños se adaptarán a la perfección!2. Aprovecha el poder de Flexbox y los diseños de cuadrícula
Flexbox: Perfecto para crear diseños dinámicos unidimensionales.
Cuadrícula CSS: La herramienta definitiva para diseños sofisticados y bidimensionales, que te brinda un control preciso sobre filas y columnas. ¡Prepárate para impresionar!
3. Aprovecha las consultas de medios
@media (max-width: 600px) {
/* Estilos personalizados para pantallas más pequeñas */
}
Hi Michael, Great job on completing the challenge! 🎉 Your attention to detail.
I wanted to offer a suggestion for enhancing the accessibility of our recipe page:
1. Accessibility Improvements: Add alt text to the <img> tag to describe the image content, making it accessible to screen readers.
For example, for the main image of the omelette, we could use: alt="A golden omelette with fresh herbs, served on a white plate".
2. Semantic HTML: Use <main> and <article> elements appropriately for better semantic structure and accessibility.
You’re doing an incredible job, and each project you complete is a step forward. 🚀 Keep pushing your limits and experimenting with new techniques.
Keep up the fantastic work! 👏
Hi Roni, Great job on completing the challenge! 🎉 Your attention to detail.
A couple of suggestions for improvement:
1.Use Semantic Elements: Consider replacing the div with nav for the social links section. This could enhance the accessibility and structure of your code. 👍
<nav class="social-links">
<ul class="menu-links">
<li class="link__social"><a class="link" href="#">GitHub</a></li>
...
<li class="link__social"><a class="link" href="#">Instagram</a></li>
</ul>
</nav>
2.Use figcaption for Descriptive Text: Moving the h1, location, and description into a figcaption within the figure tag can improve semantic meaning and accessibility. 💡
<figure class="presentation__figure"> <img src=""> <figcaption class="presentation__caption"> ... </figcaption> </figure>
You’re doing an incredible job, and each project you complete is a step forward. 🚀 Keep pushing your limits and experimenting with new techniques.
Keep up the fantastic work! 👏
For the quickness of thinking and already knowing what to do
What challenges did you encounter, and how did you overcome them?Honestly, I thought I would have it but I didn't.
What specific areas of your project would you like help with?Feedbacks are welcome
You can focus on several areas such as accessibility and overall user experience.
1 . Semantic HTML and Accessibility:
div elements to section for better semantic structure.lang attribute to the <html>.2 . Consistent Button Styling:
learn-more, making the styling consistent across all buttons.keep pushing to make things even more awesome!
I'm proud to have started, to have taken the first step.
What challenges did you encounter, and how did you overcome them?Nothing special
What specific areas of your project would you like help with?None in specific
