@kimodev1990
Posted
- For centering your design, You could use in your css body element :
min-height: 100vh;
display: flex;
justify-content: center;
align-items: center;
then what comes after, let's say your DIV named container will be centered in the middle of your website view.
-
In your future designs, It's better not assign definite values in your case such as your DIV container
max-width: 900px:
, you could assign the width with percentage value in relative to body element so you could have a responsive design. -
Adding up with the previous point, you can check on and use clamp ( ) method in your coding for font-size, width, etc., So their designed sizes will change according to the viewport dimensions having a responsive design and will be suitable for any device layout.
Hope you find this useful & helpful .
Other than that, Really Nice work & keep Going on !!
Marked as helpful
@hannahvw
Posted
Thank you! I appreciate you taking the time to look at my code and make suggestions. They are very helpful and I will definitely try out your tip for centering the container and will look into how to use clamp () method. @kimodev1990
@kimodev1990
Posted
@hannahvw You're always welcome, Anytime....