Melvin Aguilar ๐ง๐ปโ๐ปโข 61,220
@MelvinAguilar
Posted
Hi @gleidsonfagno ๐, good job on completing this challenge! ๐
Here are some suggestions you might consider:
- Try to use semantic tags in your code. Click here for more information.:
With semantic tags:
<body>
<main class="container">
. . .
</main>
<body>
- The
<footer>
container should be adiv
and not afooter
element. - Update these properties to place the background correctly:
background-color: hsl(225deg, 100%, 94%); /* #7280a7 */
background-image: url(images/pattern-background-desktop.svg);
background-repeat: no-repeat;
background-size: cover;
background-position: left top;
- The container isn't centered correctly. You can use flexbox to center elements:
body {
min-height: 100vh;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
Links with more information:
- The Complete Guide to Centering in CSS.
- A Complete Guide to Flexbox (CSS-Tricks).
- How TO - Center Elements Vertically (W3Schools).
- CSS Layout - Horizontal & Vertical Align (W3Schools).
I hope those tips will help you.
Good job, and happy coding!
Marked as helpful
0