Abdul Khaliq 🚀• 72,660
@0xabdulkhaliq
Posted
Hello there 👋. Congratulations on successfully completing your first challenge! 🎉
- I have other recommendations regarding your code that I believe will be of great interest to you.
HTML 🏷️:
<html>element must have a lang attribute, so fix it by<html lang="en">
- Use semantic elements such as
<main>for<div class="container">to improve accessibility and organization of your page, it fixes accessibility error too.
CSS 🏷️:
- You can minimize the lines of code by changing the
flexlayout togridlayout
section {
display: flex;
justify-content: center;
align-items: center;
}
- Instead nest out the
sectionand rename thecontainerdiv tomain, try the following css
body {
display: grid;
place-items: center;
}
I hope you find it useful! 😄 Above all, the solution you submitted is great!
Happy coding!
Marked as helpful
0
