Skip to content
OverviewSolutions
8
Comments
11
Saeed Mohamed Alsayed
@SaeedAlsayed

All comments

  • Saeed Mohamed Alsayed•170
    @SaeedAlsayedPosted about 1 year ago

    Nice work,

    you just need to center your div vertically the way is

    body {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 100vh;
    overflow: hidden;
}
main {
   margin:0;
}

    after you set this code the design will be perfect

    1
  • IkiHati•20
    @SusanaEsparza0Submitted about 1 year ago

    Is there any way to make my css code cleaner? Is there any other way to centre containers without using "place-content"? At one point I used it and left the "justify-items" but when I removed it, the container was not centred. Within the CSS, are there any of the elements that can be removed or replaced?

    QR Code - HTML and CSS

    2
    Saeed Mohamed Alsayed•170
    @SaeedAlsayedPosted about 1 year ago

    You can just use flex in the body

    and set justify-content:center; align-items:center

    0
  • Saeed Mohamed Alsayed•170
    @SaeedAlsayedPosted about 1 year ago

    Nice Work,

    You need to increase height of columns and need to add the buttons ask me any question about the code and i will help you ASAP

    Marked as helpful
    1
  • Saeed Mohamed Alsayed•170
    @SaeedAlsayedPosted about 1 year ago

    You can set the attribution at bottom of page by position absolute

    0
  • Saeed Mohamed Alsayed•170
    @SaeedAlsayedPosted about 1 year ago

    Hey Lucas Nice work,

    But you have scroll on your page to solve this do this code:

    *{
  margin:0;
  padding:0
}
body{
  position:relative;
  overflow:hidden;
}
footer{
   position:absolute;
   bottom:10px;
   left:50%;
   transform:translateX(-50%)
}
    Marked as helpful
    0
  • Saeed Mohamed Alsayed•170
    @SaeedAlsayedPosted about 1 year ago

    Hello Nice Work,

    To prevent scroll without no meaning and set the height to 100vh

    you need to do this code

    *{ margin:0; padding:0; }

    Marked as helpful
    1
  • Saeed Mohamed Alsayed•170
    @SaeedAlsayedPosted about 1 year ago

    Nice Work Keep Going

    0
  • Saeed Mohamed Alsayed•170
    @SaeedAlsayedPosted about 1 year ago

    Hello Nice Work,

    To prevent scroll without no meaning and set the height to 100vh

    you need to do this code

    *{ margin:0; padding:0; }

    Marked as helpful
    0
  • Saeed Mohamed Alsayed•170
    @SaeedAlsayedPosted about 1 year ago

    Also You Need To put this code to your website to prevent scroll with no reason

    *{ margin:0; padding:0; box-sizing:border-box; }

    box sizing is not for scroll you can search about it

    1
  • Saeed Mohamed Alsayed•170
    @SaeedAlsayedPosted about 1 year ago

    you can put the attribution at bottom of page by position absolute

    2
  • NBD•240
    @bdal90Submitted about 1 year ago

    Dear All,

    Here is my very first project EVER, I'm an BASOLUTE newbie, I am insanely glad I could get this far with my very first project. Looking forward to getting better and better, step by step. I am so new I don't even know what questions to ask. :D Unfortunately the QR-code image doesn't show on the GitHub URL, I am trying very hard to fix it, but also try to add a print screen version.... I am open to any suggestions, feedback, criticism (though I know it is highlighted to be more specific than this, but maybe in my later projects. :) )

    Wishing us all great practice,

    Dalma

    My Very First Flexbox Mini-Challange EVER

    4
    Saeed Mohamed Alsayed•170
    @SaeedAlsayedPosted about 1 year ago

    just do the image source like this: /image-qr-code.png

    0