guptapradeep7• 60
@guptapradeep7
Submitted
NA
Enis Kerti
@eniskrt
All comments
- Enis Kerti• 590
@eniskrt
Posted
Hi, good job! But you can get the card in the middle of the page with code below:
body{ min-height:100vh; display: flex; align-items: center; justify-content: center; }Happy coding...
Enis
Marked as helpful
0 - ZBIDA Mohcine• 60
@ZbidaMohcine
Submitted
Enis Kerti• 590@eniskrt
Posted
Hi, good job! But you can get the card in the middle of the page with code below:
body{ min-height:100vh; display: flex; align-items: center; justify-content: center; }Happy coding...
Enis
Marked as helpful
0 - Aye Nyein San• 10
@aye-nyeinSan
Submitted
Enis Kerti• 590@eniskrt
Posted
Good job!
body{ min-height:100vh; display: flex; align-items: center; justify-content: center; }You can use this block to get the card in the middle of the page.
Good code...
Enis
0 - Mahmoud Mansour• 20
@mahmodlte
Submitted
- It was easy to do but as I'm getting back to coding I needed to remember some CSS rules
- Nothing!
- No
Enis Kerti• 590@eniskrt
Posted
Good job!
body{ min-height:100vh; display: flex; align-items: center; justify-content: center; }You can use this block to get the card in the middle of the page.
Good code...
Enis
Marked as helpful
1 - Dhananjay Sutwane• 180
@Dhananjaysutwane
Submitted
Enis Kerti• 590@eniskrt
Posted
Good job, but there is something to improve your skills.
body{ min-height:100vh; display: flex; align-items: center; justify-content: center; }You can use this block to get the card in the middle of the page. Also you can give your main-section a max-width property not to expand too much.
Good code...
Enis
0 - Esther Nyumu• 50
@EstherNyumu
Submitted
Enis Kerti• 590@eniskrt
Posted
Good job...
You can give a max-width property for your card. So the card both has responsive design and not to expand mauch.
Marked as helpful
0 - Ayça Gürler• 180
@aybegu
Submitted
It was harder for me than I expected! It is not responsive and doesn't have mobile version yet. I will later add these features. If you have any suggestions to improve my code, please feel free to share!
Enis Kerti• 590@eniskrt
Posted
Well done. In addition to others, you can use bootstrap classes for responsive design.
1 @vicaleksa
Submitted
Enis Kerti• 590@eniskrt
Posted
Your desktop design is excellent. But it has some problem in responsive. You could use bootstrap/css from begining, but now you can use media querries to give it a good look. The most actual design style is "mobile first." So responsive design is too important to ignore.
0- Gabe Phiri• 40
@Aky11Taz
Submitted
Enis Kerti• 590@eniskrt
Posted
Good job. You can use
display:flex; align-items:center; justify-content:center; min-height:100vh;in body element to get the card in the middle of the page.Good code.
Enis...
Marked as helpful
1 - pyodeus• 340
@pyodeus
Submitted
Enis Kerti• 590@eniskrt
Posted
Good job.
0 - Navid-007• 40
@Navid-007
Submitted
Honestly, this is my first time trying to build a component using HTML and CSS. I am not a pro-CSS either. I just know the basics. For this project I just made things work. I don't know any efficient way of doing things.
Making the component responsive was the hardest part for me because I didn't know anything about media queries. I just watched a tutorial, read about it in MDN, and made it work.
I used px for everything and don't know how em and rems work, so I could include those in my CSS. I am open to suggestions regarding this from you guys.
Enis Kerti• 590@eniskrt
Posted
It dosen't look so. 👏🏼 It looks pretty good. Don't think it's as a amateour job.
0 - PEricphoto35• 90
@Ericphoto35
Submitted
Enis Kerti• 590@eniskrt
Posted
Well done!
If you want to get the card in the middle of the screen, youcan use flex structures in the body tag. So:
body{ display:flex; justify-content:center; align-items:center;Good code.
Enis...
Marked as helpful
0
