I just noticed that the layGridder Plugins throws the desktop layout + phone layout entirely every time.
Adding a simple "display:none" on the one that should be hidden.
While I do understand it's probably simpler for transitionning from one layout to another. Isn't it more heavy on both server & device for a small benefit ? (we rarely transition from phone size to computer size).
Also it is resulting in invalid HTML :
I set an id="" for an element inside my grid and because the layout is added twice to the DOM (i'm guessing three times if I activate tablet layout), I have two elements with the same id="".
I'm just thinking there could be some fixes.
- Either fetching the resized layouts from server on breakpoint.
- Storing the layouts inside a variable just to avoid adding them to the DOM and swapping them on breakpoint (quick fix)