Dear @tuanphan
I'm back to have a little of your help again if you're available.
I'm working on the same site as in this thread: http://www.myriamdiatta.com/projects
In the grid of images and text on this page, I moved "thinking form" (top left) to the position it is now, and on mobile things have gotten skewed. On mobile I want the content to be a column of two. I did my best to read through the css you originally made for me, but i couldn't seem to work out what was this issue.
Right now it looks like this:
Here is the current code you made for me:
/*TWO COLUMNS ON MOBILE VIEW PROJECTS PAGE*/////////
@media screen and (max-width:640px) {
div#block-yui_3_17_2_1_1606665871851_4586+.row>.span-2, div#block-yui_3_17_2_1_1606665871851_4586~.row>.span-2 {
width: 50% !important;
float: left !important;
}
div#block-yui_3_17_2_1_1606665871851_4586+.row>.span-2:nth-child(2n+1), div#block-yui_3_17_2_1_1606665871851_4586~.row>.span-2:nth-child(2n+1) {
clear: left;
}
}
/* mobile 2 columns */
/* mobile 2 columns */
@media screen and (max-width:767px) {
div#page-5fc3c4c85147b14804a5f567 .span-8 .span-4 .span-2 {
width: 50% !important;
float: left !important;
}
div#page-5fc3c4c85147b14804a5f567 .span-8 .span-4 .span-2:nth-child(2n+1) {
clear: left !important;
}
}