@Carlosaac23
Latest solutions
Latest comments
- P@Dean2424
Hey, great job on the layout! 👏 Everything looks clean and responsive.
One small suggestion: consider using a proper CSS reset at the start of your stylesheet. Browsers apply their own default styles, which can cause inconsistencies — especially with margins, paddings, and font rendering. A reset helps create a more predictable baseline across different browsers.
If you’re interested, Josh W. Comeau has a great modern CSS reset that’s lightweight and beginner-friendly.
Keep up the awesome work! 🚀
- @TenagabrielWhat are you most proud of, and what would you do differently next time?
glad that I was able to complete this challenge and I wouldn't do anything differently.
What challenges did you encounter, and how did you overcome them?had a little problem with the responsiveness but i'm glad i fixed it.
What specific areas of your project would you like help with?i don't think there is any part of this project that i need help with currently.
P@Dean2424Hey @Tenagabriel,
It’s not a great idea to put styles directly inside your HTML using inline styles or <style> tags. It just makes your code harder to manage. Keeping all your CSS in a separate stylesheet keeps things nice and tidy! 🎨✨
Also, try to use semantic tags like <header>, <main>, <section>, and <footer> instead of lots of <div>s. These tags give your page real meaning and make it easier to read and navigate. Plus, they’re great for accessibility! 📚👍
Don’t forget to use proper heading tags (<h1> to <h6>) in the right order. Headings help organize your content and make it easier for people and search engines to find their way around. So, avoid just styling <div>s to look like headings. Keep it semantic! 🏷️🚀
For example, instead of stacking a bunch of <div>s, you could do something like this:
<header> <h1>Site Title</h1> <nav>…</nav> </header> <main> <section> <h2>Section Heading</h2> <p>Content goes here.</p> </section> </main> <footer> <p>Footer info</p> </footer>Hope this helps! Let me know if you have any questions. 😊
- @dali987P@Dean2424
Hey @dali987! 😊
Nice work on the responsiveness! The layout adjusts really well across different screen sizes, and everything feels smooth and intuitive. One small thing I noticed you might want to add a more complete CSS reset. Some browser default styles (like spacing and button appearance) still slip through. I'd recommend checking out Josh W. Comeau’s CSS reset—it’s a modern, thoughtful approach that goes beyond the usual and helps ensure more consistent styling across browsers.
Keep up the great work! 👍🙌
Marked as helpful - @Sifa001P@Dean2424
Hey, @Sifa001 👋
🚫 Why you shouldn’t style elements inside the HTML document:
📝 Keeping CSS inside the HTML <style> tag or inline might work for quick demos, but it’s not ideal for real projects.
🧹 Maintainability: Separating CSS into external files makes it easier to find, update, and manage styles as your project grows.
🔄 Reusability: External CSS promotes consistent styles across multiple pages or projects.
⚡ Performance: Browsers cache external CSS files, which speeds up page loads.
🧩 Separation of concerns: Keeps your HTML (structure) and CSS (design) clean and well organized.
🚀 Overall, using external CSS makes your codebase more scalable and professional — this is especially important on Frontend Mentor challenges.
Keep up the great work! 💪✨
- @DylorenaP@Dean2424
Hey Diana Lorena!
I think you’ve done a great job with your project—really impressive effort! 👏 Just a quick tip: it’s best practice to avoid writing CSS styles directly inside your HTML file. Instead, try putting your styles in a separate CSS file. 📁 This keeps your code cleaner 🧹, easier to maintain 🔧, and more scalable 📈 as your project grows.
Using an external stylesheet also makes updating styles simpler, so you don’t have to dig through your HTML every time. 🔍 This is a common approach in professional development and a good habit to get into early on. 🌱
Overall, your work looks fantastic, and adopting this practice will help improve your code quality even more! 💪✨
- @awr-pngP@Dean2424
Hey! @Anwar EL OUARDINI
Great job on the project! One suggestion for improvement is to avoid placing CSS styles directly within the HTML file using the <style> tag. While this works for small projects or quick tests, it's generally better practice to separate your CSS into an external stylesheet. This helps keep your code cleaner, easier to maintain, and makes it more scalable for larger projects. Linking an external CSS file also allows you to reuse styles across multiple pages, promoting consistency throughout your site.
Keep up the good work, and happy coding! 💻✨
Marked as helpful
