Melvin Aguilar ๐ง๐ปโ๐ปโข 61,220
@MelvinAguilar
Posted
Hi @Edwin6666 ๐, good job for completing this challenge! ๐
Here are some suggestions you might consider:
- Try to use semantic tags in your code. More information here:
With semantic tags:
<body>
<main class="container">
<article class="order">
. . .
<article>
</main>
<body>
- Update to this to have the .container element centered
.container {
/* width: 600px; */
/* height: 430px; */
display: flex;
/* flex-wrap: wrap; */
min-height: 100vh;
/* margin: auto; */
align-items: center;
justify-content: center;
}
.container .order {
. . .
/* margin: 7%;
}
More information: A Complete Guide to Flexbox (CSS-Tricks) | How TO - Center Elements Vertically (W3Schools)
- Add
left: 0; right: 0;
to the footer element to center it horizontally.
I hope those tips will help you.
Good Job and happy coding !
Marked as helpful
1