@R3ygoski
Posted
Hello @BlissOnline, congratulations on the project, it turned out really well and almost identical to the proposed design. Well done, it looks great!
Regarding your question about padding and margin, here's the thing: padding changes how the box will look because it adds internal spacing, pushing the items inside it. On the other hand, margin applies spacing outside the box, meaning it moves away from the external items.
About your difficulty with the grid, I chose to redo that bottom part (the button section), and it worked correctly for me. Here's what I used:
.linkContainer {
display: grid;
width: 100%;
height: 15em;
grid-template-rows: repeat(5, 1fr);
}
I also noticed that you used some padding: 0% and margin: 0%, but from what I saw, they seemed to have no effect. So, I think it would be best to remove them.
And a tip about HTML: focus on using more semantic HTML. I noticed that your HTML had many <div> elements, which doesn't affect the structure, but it does affect accessibility a lot. It's always good to have at least one <main>. You could replace your <div class="container"> with a <main> tag.
If you have any questions, please ask below, and I'll try to help as best as possible.
Marked as helpful
@BlissOnline
Posted
@R3ygoski
Thank you your shared knowledge is priceless to me
