Clinton• 100
@eghosaclinton
Submitted
No questions.
However, If you have better ways/ ideas to approach Responsive Design as well as CSS best practices, feel free to tell.
Vedant Thorat
@vedant027
All comments
- Vedant Thorat• 60
@vedant027
Posted
For device width between 770px and 425px the container doesn't remain responsive. something which you can look into otherwise its good
1 - Bombibi• 140
@Bombibi
Submitted
I have done most of the job but I'm not sure how to make the left block and right block stitch together as if the left block is on top of the right block to cover the border radius. I tried z-index and position set to absolute for the right block but couldn't make them align perfectly in the middle of the screen and equal size for the two blocks.
In mobile mode, basically the same issue, and not sure why there is a white space at the top of the screen in mobile mode, I made sure to have the margin set to zero.
Much appreciated if anyone can provide some comments. thanks!
Vedant Thorat• 60@vedant027
Posted
Hey, you can try increasing the width of right block more than the left block then use position: relative; and adjust it according to your need....you can have a look at my code once.
and for the mobile mode you can use display: flex; , flex-direction: column; and set height to 100vh this will do it for you.
Hope this helps!
0
