@mannyAndem
Submitted
I didn't use any javaScript because I'm still just starting out :)
I tried using gap in my flexbox container but it didn't work so I had to make do with margins. Could there be a reason why?
@ailight360
@mannyAndem
Submitted
I didn't use any javaScript because I'm still just starting out :)
I tried using gap in my flexbox container but it didn't work so I had to make do with margins. Could there be a reason why?
@ailight360
Posted
Hi, congrats?? on completing the challenge. Better take care about following points.
To used gap in a flex remove high
height: 50%;
justify-content: space-between;
}
@thihaNg
Submitted
@ailight360
Posted
Hi, congrats on completing the challenge. Better take care about following points.
Always check Frontendmentor Report Generator issues after submitting the project for removing errors and warnings. To avoid accessibility issue.
An "img" element must have an "alt" attribute, except under certain conditions. For details, consult guidance on providing text alternatives for images.
Hope you will find this Feedback Helpful.
Marked as helpful
@cogendarmerie
Submitted
@ailight360
Posted
By Changing this simple line of code spacing looks so much better
instead of this
height: 100%;
width: 350px;
background: linear-gradient(to bottom, hsl(252, 100%, 67%), hsl(241, 81%, 54%));
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
color: hsl(0, 0%, 100%);
border-radius: 30px;
}```
add this line of code
```section > div:first-child {
height: 100%;
width: 350px;
background: linear-gradient(to bottom, hsl(252, 100%, 67%), hsl(241, 81%, 54%));
display: flex;
flex-direction: column;
justify-content: space-around;
align-items: center;
text-align: center;
color: hsl(0, 0%, 100%);
border-radius: 30px;
}```