@Nard42Submitted 16 days ago
woldutsegazgi
@woldutsegazgiAll comments
- @woldutsegazgiPosted 1 day ago
Looks great, but the responsiveness of your solution looks a bit off on small screens. Try using the appropriate measurement units. Check out responsive layouts by Kevin Powell if you'd like to learn more about responsive design.
0 - @ankitashokgondSubmitted 2 days ago@woldutsegazgiPosted 2 days ago
Great use of CSS
variables
andFlexbox
for layout! Nice job overall!0 - @ange14032005Submitted 3 days ago@woldutsegazgiPosted 2 days ago
You can use Flexbox to center elements perfectly on all devices. Avoid using
padding
for centering.Here’s how you can do it:
body { display: flex; flex-direction: column; justify-content: center; align-items: center; height: 100vh; }
Additionally, there’s no need to add
min-width
to thebody
; instead, addmax-width: 320px
to the containerdiv
. You can also use the Figma design file to improve your font sizes and rounded corners.Overall, great effort!
Resources:
You can practice Flexbox with this site: https://flexboxfroggy.com/0