Baptiste• 20
@BaptisteGrias
Submitted
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
Rafif Adli Mulya
@rafifadlimulya
All comments
- Rafif Adli Mulya• 70
@rafifadlimulya
Posted
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 @Ahmedsb338
Submitted
I would like to know your opinionsز
Rafif Adli Mulya• 70@rafifadlimulya
Posted
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
@abedfetrat
Submitted
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?
Rafif Adli Mulya• 70@rafifadlimulya
Posted
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
