@marcfranciss
Posted
Impressive solution to this challenge! šÆ
I just notice that the password container and the 'Generate' button is overflowing on small-sized screen (375px). Upon checking your css, all I can suggest are to add 'box-sizing: border-box', replace 'max-width' with 'width: 100%' and lastly resizing paddings.
* {
box-sizing: border-box;
/ ... other css /
}
.password-wrap label input {
width: 100%;
padding: 16px 16px; Note: 'auto' is invalid when using shorthands like 'padding:'
/ ... other css /
}
.settings button {
width: 100%;
padding: 16px 16px;
/ ... other css /
}
Hope this helps you somehow. Cheers!