{"id":309,"date":"2019-09-02T08:51:35","date_gmt":"2019-09-02T08:51:35","guid":{"rendered":"https:\/\/docs.theironnetwork.org\/vuely\/?page_id=309"},"modified":"2019-09-24T08:36:57","modified_gmt":"2019-09-24T08:36:57","slug":"grid","status":"publish","type":"page","link":"https:\/\/docs.theironnetwork.org\/vuely\/grid\/","title":{"rendered":"Grid"},"content":{"rendered":"\n<p> Vuetify comes with a 12 point grid system built using flex-box. The grid is used to create specific layouts within an application&#8217;s content. It contains 5 types of media breakpoints that are used for targeting specific screen sizes or orientations, <strong>xs<\/strong>, <strong>sm<\/strong>, <strong>md<\/strong>, <strong>lg<\/strong> and <strong>xl<\/strong>. These resolutions are defined below in the Viewport Breakpoints table and can be modified by customizing the <a rel=\"noreferrer noopener\" href=\"https:\/\/vuetifyjs.com\/customization\/breakpoints\" target=\"_blank\">Breakpoint service<\/a>. <\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">&lt;v-row><br>  &lt;v-col cols=\"12\" sm=\"12\" md=\"4\" lg=\"4\" xl=\"4\"><br>     &lt;v-card<br>        class=\"ma-3 pa-6\"<br>        outlined<br>        tile<br>      ><br>        Column<br>      &lt;\/v-card><br>  &lt;\/v-col><br>&lt;\/v-row><br> <br>&lt;v-layout row wrap><br>  &lt;v-flex xs12 md4 xl4><br> &lt;p>Overflow&lt;\/p> <br>  &lt;\/v-flex><br>&lt;\/v-layout> <\/pre>\n<div class=\"pld-like-dislike-wrap pld-template-1\">\n    <div class=\"pld-like-wrap  pld-common-wrap\">\n    <a href=\"javascript:void(0);\" class=\"pld-like-trigger pld-like-dislike-trigger \" title=\"\" data-post-id=\"309\" data-trigger-type=\"like\" data-restriction=\"cookie\" data-ip-check=\"0\" data-user-check=\"1\">\n                        <i class=\"fas fa-thumbs-up\"><\/i>\n                    <\/a>\n    <span class=\"pld-like-count-wrap pld-count-wrap\">    <\/span>\n<\/div><div class=\"pld-dislike-wrap  pld-common-wrap\">\n    <a href=\"javascript:void(0);\" class=\"pld-dislike-trigger pld-like-dislike-trigger \" title=\"\" data-post-id=\"309\" data-trigger-type=\"dislike\" data-ip-check=\"0\" data-restriction=\"cookie\" data-user-check=\"1\">\n                        <i class=\"fas fa-thumbs-down\"><\/i>\n                    <\/a>\n    <span class=\"pld-dislike-count-wrap pld-count-wrap\"><\/span>\n<\/div><\/div>\n\n","protected":false},"excerpt":{"rendered":"<p>Vuetify comes with a 12 point grid system built using flex-box. The grid is used to create specific layouts within an application&#8217;s content. It contains 5 types of media breakpoints that are used for targeting specific screen sizes or orientations, xs, sm, md, lg and xl. These resolutions are defined below in the Viewport Breakpoints [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":23,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/docs.theironnetwork.org\/vuely\/wp-json\/wp\/v2\/pages\/309"}],"collection":[{"href":"https:\/\/docs.theironnetwork.org\/vuely\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/docs.theironnetwork.org\/vuely\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/docs.theironnetwork.org\/vuely\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/docs.theironnetwork.org\/vuely\/wp-json\/wp\/v2\/comments?post=309"}],"version-history":[{"count":2,"href":"https:\/\/docs.theironnetwork.org\/vuely\/wp-json\/wp\/v2\/pages\/309\/revisions"}],"predecessor-version":[{"id":657,"href":"https:\/\/docs.theironnetwork.org\/vuely\/wp-json\/wp\/v2\/pages\/309\/revisions\/657"}],"wp:attachment":[{"href":"https:\/\/docs.theironnetwork.org\/vuely\/wp-json\/wp\/v2\/media?parent=309"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}