I would like to receive recommendations in the area of lists to be able to apply the design in the CSS but also the correct way to use them, if you have other advice it is welcome
I would like to receive feedback on the use of max-width or min-width and also how to remove the url line and set the assigned color.
Me gustaria recibir ayuda en las areas de cuando debo usar class y si la @media es correcta
Recommendation on the correct structure for making clean code and handling fonts
I'm happy that I learned new things like table ul, li
What challenges did you encounter, and how did you overcome them?The biggest problem was main positioning. At first everything was good but after some time div was "escaping" to the top and It was dissapearing into search bar. I had to change almost all of main CSS layouts to change it.
A tip in CSS is that at the beginning it is a * between {} place * {margin: 0; padding: 0; box-sizing: border-box; } this will remove the parameters that you have predetermined and only the elements that you determine remain and without these they are mixed
My recommendation would be to use semantic HTML instead of div you can use article, I think it is not necessary to use main and finally in CSS instead of html use body so that it is not confused with something else
I've been working with developer tools and have gained a better understanding of how to utilize them effectively. I've learned how to inspect and manipulate HTML elements, and test responsive designs. This experience has improved my ability to identify and resolve issues, and has also given me a deeper understanding of how web applications are structured. I'm looking forward to applying these skills to future projects and continuing to refine my workflow.
The CSS code is well structured but the HTML code can be improved by changing to semantic HTML for better understanding and you can use the @media that allows you to make changes in design when changing screens such as mobile.
I would try to replicate the size better, which was difficult for me when imitating an image and not a fixed page, since the image had extra edges that distorted the size.
What challenges did you encounter, and how did you overcome them?The challenges were shading and getting the image to scale, and I solved them by asking the AI
A recommendation is to work on the design separately from the HTML for better practice and to understand CSS it is better to make a styles.css file and implement the design there; if you are going to include semantic HTML you can consider the main as it does not have a header and footer, instead of a div you can change it to a section or article.
