@DeveloperTaskinSubmitted 4 days ago
Aro Parada
@AroParadaAll comments
- @AroParadaPosted 3 days ago
- use correct font
- add padding to bottom
- make card full width on mobile
Example for mobile code
` @media (max-width: 768px) { .card { width: 110%; /* Full width / height: 100%; / Full height / margin: 0; / Remove margin / border-radius: 0; / Remove rounded corners */ }
.image-container { padding: 0px; /* Adjust padding for smaller screens */ } img { border-radius: 0px; }
.cardBody { padding: 30px; /* Adjust padding for smaller screens */ } } `
0 - @ckulloSubmitted 30 days ago@AroParadaPosted 30 days ago
Great design
- Code is very readable
- Card could be smaller width on mobile
0 - @Matrix1984Submitted about 1 month ago@AroParadaPosted about 1 month ago
Great solution and accessibility
- I recommend the following css for the card border
border-style: solid; border-width: 1px;
0 - @sumitsahSubmitted about 2 months agoWhat are you most proud of, and what would you do differently next time?
This is by-far the easiest.