Vse se da. Treba je:
- najprej narediti mobile layout ~ kako bi naj zadeva sploh naj izgledala na mobile
- narediti css, ki zna delati s stolpci, vsem slikam dodati responsive class (width: 100%; height: auto), po potrebi preurediti še kakšne menuje
- preurediti template html na grid sistem
Css za stolpce:
.grid {
margin: 0 auto;
max-width: 950px;
width: 100%;
}
.row {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 20px;
width: 100%;
}
.col-1 {
width: 8.33%;
}
.col-2 {
width: 16.66%;
}
.col-3 {
width: 25%;
}
.col-4 {
width: 33.33%;
}
.col-5 {
width: 41.66%;
}
.col-6 {
width: 50%;
}
.col-7 {
width: 58.33%;
}
.col-8 {
width: 66.66%;
}
.col-9 {
width: 75%;
}
.col-10 {
width: 83.33%;
}
.col-11 {
width: 91.66%;
}
.col-12 {
width: 100%;
}
Z css media kveriji rešuješ (skriješ, premakneš, pomanjšaš, itd) še ostalo.
Potem pa imaš content v gridu, vsaka vrstica mora biti row, noter pa imaš col-x, tako da je njihov seštevek 12 (npr za ozek in širok stolpec: col-2 + col-10).
Če imaš bolj kompleksne želje, seveda lahko uporabiš tudi Boostrap framework, kjer imaš vse kar ti srce poželi glede layout možnosti.