Did you have any difficulties in making this challenge?
@reemoon-ctrl
Posted
@fachridp yes in position every thing in center&make it responsive
@reemoon-ctrl if you want to center an element, you can give display: flex
, justify-content:center
for the horizontal axis (left to right), align-items: center
for the vertical axis (up to bottom) and min-height: 100vh
to the wrapping element. That way all the elements inside will be centered.
By default display: flex
will make the element inside that div into row direction.
But if you give a flex-direction: column
property the direction of Y axis and X axis will be change/swap also. So it will be, align-items: center
for the horizontal axis (left to right) and justify-content:center
will be for the vertical axis (up to bottom).
Marked as helpful
@reemoon-ctrl for make it responsive you can use @mediaquery
, display:grid
or even with display:flex
also.
You can try that if you doing next challenge from this website or other source.
Marked as helpful
@reemoon-ctrl
Posted
@fachridp appreciate that thanx a lot
@reemoon-ctrl Your're welcome. Let me know if you have any questions in the future.