@eghosaclintonSubmitted 12 months ago
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
@vedant027All comments
- @vedant027Posted 12 months ago
For device width between 770px and 425px the container doesn't remain responsive. something which you can look into otherwise its good
1 - @BombibiSubmitted 12 months ago
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!
@vedant027Posted 12 months agoHey, 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
