Ultimate profile responsive??

[Akshtsaklani7]

Hey,

Can someone please help me out by making the ultimate profile blocks arrange themselves vertically when seen on a smaller screen?

Like for desktop it is like,




And for mobile it should be like

[Antes]

Open your index.css and add this to bottom of your file

Code Select Expand

@media screen and (max-width: 720px) {
#profile_left, #profile_right {
display: block;
width: 100%;
}
}

[Akshtsaklani7]

Well, although it isn't arranging them vertically, still it works fine.. Just some text overlaps in summary section. Please see if that could be fixed too..

Otherwise, It seems better than before. Thanks a ton sir.

Edit, A little modification did it, here is the code.

Code Select Expand

@media screen and (max-width: 720px) {
#profile_left, #profile_right {
display: block;
width: auto;
float: right;
}
}