@heisemmaco-dev
Posted
hello, you really tried in the design layout, you can use "display: grid;" as property in the body selector, then, use this property "place-contain: center;" still in the body selector to center your div contain and secondly i see that u use div to all your content, i will recommend you to use tags like "article" "section" for a responsive website. sorry i don't understand your second question, i hope you find this useful
Marked as helpful
@Moderateemmaco
Thanks for looking at my design. I really tried it to be like the design in frontend mentor. You are right, I forgot using article and I just used div and that's because I thought that it's not a complete website. But you are right and I will use better tags next time.
My second question is about the right part of the design, the SUMMARY part. There is only one difference between my design and the design in frontend mentor. If you look at the boxes of the design in frontend mentor you will see some borders on the boxes of the SUMMARY part.
But these borders are ONLY at the corners, I wasn't able to build those borders because they are only at the corner.
And again thanks for replying on my design.
@heisemmaco-dev
Posted
@MCKH03
ok, i now understand, you mean a those border edges right, you can do it when you wrap it with a div or section then add color to the background like this:
<div class="the_edge_border"> <setection class="the box">i couldn't complete the markup but you can add background-color to the "the_edge_border" after the inner wrap, if you do understand, you can chat me on twitter @heisemmaco so will explain better don't know the right word to use