thaArcadeGuy• 90
@thaArcadeGuy
Posted
Congratulations upon finishing you solution. So here are a few issues that I think you can work on:
- Add a horizontal line below the ingredients and instructions sections using the
<hr>
element in yourindex.html
file. - Add border bottom lines using such CSS code:
table {
border-collapse: collapse;
}
tr {
border-bottom: 1px solid hsl(30, 18%, 87%);
}
tr:last-child {
border-bottom: 0;
}
- Style lists by adding space between the list markers and text using such CSS code:
ul,
ol {
padding-left: 1.25rem;
}
li {
padding-left: 1.125rem;
margin-bottom: 0.5rem;
}
li::marker {
color: hsl(332, 51%, 32%);
font-weight: 700;
}
- The other issue is that your solution is not responsive so instead of using
px
userem
orem
andpercentages
for your measurement values. And also do some research on Media Queries.
Let me hope you find this helpfully.
Marked as helpful
0