Skip to content
OverviewSolutions
14
Comments
2
Demian
@denik1981

All comments

  • Demian•245
    @denik1981Posted over 3 years ago

    Nice work! I'm glad you are exploring out of the box into the world of animations. Not sure if this is good for production code, but it is excellent for a personal exercise and to challenge yourself :)

    What I would suggest you is to FIRST submit the challenge WITHOUT the animations and THEN push to live the version of your site WITH the animations. This is to prevent having an incomplete screenshot of your site because by the time the screenshot runs your site is still on the animation. Check the screenshot of the preview to see what I meaning. You can easily solve this with the GENERATE NEW SCREENSHOT button.

    2
  • Demian•245
    @denik1981Posted over 3 years ago

    How can one place a div at the center of a page/screen?

    • Give your body tag a min-height of 100vh so that it grows to cover the viewport.
    • Convert your body element in a flex-container with display:flex.
    • Give your div a margin:auto so it can create even margins in the both axis.

    One thing that is amazing about the flex container is that the margin auto on the y-axis behaves as you would expect. This is something you couldn't achieve with a regular block element where you can only center a child element on the x-axis.

    Marked as helpful
    1