Hello, Emmanuel! Your website is working well it looks good on a broader desktop screen like that of a width of over 1500px. However, when the website achieves max-width: 700px is created a horizontal bar because of the height right here:
Queria pedirles ayuda en este proyecto con el manejo de una imagen SVG, la cual cuando la pantalla cambia a la de un movil, la imagen SVG no se ajusta.
Alguien me puede ayudar con este problema, necesito algo de ayuda.
Is my use of flexbox correct?
Is it ok to refer in CSS to specific elements by using Class instead of ID? It feels cleaner and simpler.
Is there any bad practice in my code that I should be aware of?
Hello, @MZ1M4K! It's better to use class instead of ID like you said it's cleaner and more straightforward. But you should use ID only to select a specific element (1 only). For example:
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<p id="para1">Hello World!</p>
<p>This paragraph is not affected by the style.</p>
</body>
</html>
Only the first paragraph has the color red; Your file only can have 1 ID and not more. Use ID only for specific cases even choose to always use class.
Talking about your code don't put space for example here:
I had some problems selecting all the radio inputs with queryselectorAll, because I could never handle how to make the events happen only to the selected input. Every time made all the changes in every input. If someone can tell me how to avoid that or share a link where I can see the resolution of that I would be really grateful.
Hello, Saul! As far I as know for you to select all the elements radio inputs you can do -> document.querySelectorAll('input[type=radio]'); I also have some difficulties selecting all the elements type input but search on Google and you are sure going to find out the solution for you. I always look on W3Schools for example and other websites such as StackOverflow, on Youtube, or with the communities that I have on Discord.
For now when I'm doing these challenges, I just put all the files in the main folder. I'm guessing that's not good practice in the long run. What is the best practice for organizing/naming these files? How should I properly separate these html, css, and media files?
Hello @min4899, the best solution is to divide each file into a folder less the file index.html. For example, if you have the file style.css you can put it in a folder named "css" this is also for other files such as javascript, react etc you put each file in a folder. About the name you put the name what the file means, for example, if you have 4 files about HTML and three are about tables you can create a folder named "table" and you make: table001.html, table002.html, table003.html and index.html. Did you understand?