Skip to content
OverviewSolutions
11
Comments
2
Valter Oliveira
@valvrauu

All comments

  • Valter Oliveira•240
    @valvrauuPosted about 1 year ago

    Hello, I really liked it! but the element is not centered (even with flex, because of viewport height), my suggestion:

    remove the top margin and use it in the body: "min-height: 100vh;" and "margin: 0;".

    Marked as helpful
    1
  • ChchEl-source•90
    @ChchEl-sourceSubmitted about 1 year ago

    Hello ! Could you give me a tip about positioning component so that it is always verticaly centered on the body ? I've tried using margin top on different width but it always seems to be whether too far from the top or too close on certain viewports.
    would wrapping my compotent in a main section using flex & margin auto could help to ensure the component stays exactly centered ?

    (it does matter for the screenshot front end mentor takes of solution :)) thanks in advance, best regards

    Responsive component using Grid & Flexbox

    1
    Valter Oliveira•240
    @valvrauuPosted about 1 year ago

    Hello, to center, remove all these margins and use in the body:

    -display: flex; -align-items: center; -justify-content: center;

    Marked as helpful
    0