Latest solutions
Latest comments
- @K4UNGSubmitted about 3 years ago@othiagomoreiraPosted about 3 years ago
Good job! ✨
• When the mouse hovers over the button there is a small change in the layout, this is due to the fact that the border was added in the hover pseudo class, to fix it just add the border to the button element.
.btn, .btn-s { border: 2px solid white; } .btn-s:hover { background: transparent; color: var(--gradient-second); border-color: var(--gradient-second); }
Marked as helpful0 - @j-hutchisonSubmitted about 3 years ago@othiagomoreiraPosted about 3 years ago
Good job! ✨
• You added border-radius to all elements, to fix this just remove the .section-column declaration and replicate the code below
.car-section{ border-radius: 1rem; overflow: hidden; }
• In the mobile version, the layout is "glued" to the top of the page, it would be interesting to add a padding
.body{ padding: 2rem 0; }
Marked as helpful0 - @simmax456Submitted about 3 years ago
QR Code Component responsive design with HTML and CSS
#accessibility#contentful#styled-components#materialize-css@othiagomoreiraPosted about 3 years agoSo that you can center the card with flexbox it is necessary to declare a min-height: 100vh in the body
Marked as helpful0 - @catherineisonlineSubmitted about 3 years ago