@Sergey Hi! I’m not an expert but I’ve tried something with responsive grid: why do you say it is not possible to hide some blocks? This was the first option I easily achieved with CSS3 only. For example here on SO there is a description about how to hide the headers, but I’d say the concept is applicable to any block: just define a
display: none
in the CSS3 class with the specified media queries. An example:
@media only screen and (max-width: 768px) {
/* For mobile phones: */
[class*="col-"] {
width: 50%;
}
[class*="colhead-"] {
display: none;
}
}
I’ve also tried with OnsenUI and pure JS or Angular, etc… and of course it works as expected.
Sorry if I misunderstood your question, anyway I imagine you may want a more advanced solution.