Skip to content
OverviewSolutions
3
Comments
3
Rafif Adli Mulya
@rafifadlimulya

All comments

  • Baptiste•20
    @BaptisteGriasSubmitted over 2 years ago

    it was difficult to place everything like put the card on the middle of the screen put the QR code and the text at the good distance usinig flexbox

    the entire challenge takes me 2h30

    challenge QR code

    2
    Rafif Adli Mulya•70
    @rafifadlimulyaPosted over 2 years ago

    to put your card on the middle of the screen = body{ display: flex; align-items: center; justify-content: center; min-height: 100vh; }

    to set distance you can use gap and margin :D

    Marked as helpful
    0
  • Rafif Adli Mulya•70
    @rafifadlimulyaPosted over 2 years ago

    i think you can remove the "Challenge by Frontendmentor, coded by Ahmad Sobhy Basha". that make a little white gap. ;D

    0
  • Abed Fetrat•450
    @abedfetratSubmitted over 2 years ago

    Hey there! This is my second FEM project. I think I probably could write less CSS, but the layout was quite complex so it got a little bit messy. My question:

    • Do you always put the SVG directly in the HTML code or only when you need to style it with CSS?

    Responsive landing page using CSS Grid, Flexbox and BEM

    2
    Rafif Adli Mulya•70
    @rafifadlimulyaPosted over 2 years ago

    sometime i put svg with : background-image: url(). im just doing this if i need to change it like onhover, active, etc; ofc you need .svg file for this :D

    1