{"id":208977,"date":"2017-10-19T10:00:38","date_gmt":"2017-10-19T10:00:38","guid":{"rendered":"http:\/\/portfolio.webbook.website\/?p=208977"},"modified":"2021-02-04T17:21:45","modified_gmt":"2021-02-04T17:21:45","slug":"what-is-grid","status":"publish","type":"post","link":"https:\/\/themes.divizoom.com\/portfolio\/what-is-grid\/","title":{"rendered":"What is grid"},"content":{"rendered":"\n[et_pb_section bb_built=&#8221;1&#8243; _builder_version=&#8221;3.0.47&#8243;][et_pb_row make_equal=&#8221;on&#8221; _builder_version=&#8221;3.0.82&#8243; background_size=&#8221;initial&#8221; background_position=&#8221;top_left&#8221; background_repeat=&#8221;repeat&#8221;][et_pb_column type=&#8221;1_2&#8243;][et_pb_text _builder_version=&#8221;3.0.82&#8243; text_font=&#8221;Raleway||||&#8221; text_text_color=&#8221;#3d3d3d&#8221; header_font=&#8221;Montserrat||||&#8221; header_text_color=&#8221;#333333&#8243; background_size=&#8221;initial&#8221; background_position=&#8221;top_left&#8221; background_repeat=&#8221;repeat&#8221; text_orientation=&#8221;justified&#8221; module_alignment=&#8221;justified&#8221;]\n\n<p>Vivamus magna justo, lacinia eget consectetur sed, convallis at tellus. Quisque velit nisi, pretium ut lacinia in, elementum id enim. Vestibulum ac diam sit amet quam vehicula elementum sed sit amet dui.<\/p>\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ultricies ligula sed magna dictum porta. Donec sollicitudin molestie malesuada.<\/p>\n<p>Vivamus magna justo, lacinia eget consectetur sed, convallis at tellus. Quisque velit nisi, pretium ut lacinia in, elementum id enim. Vestibulum ac diam sit amet quam vehicula elementum sed sit amet dui.<\/p>\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ultricies ligula sed magna dictum porta. Donec sollicitudin molestie malesuada.<\/p>\n\n[\/et_pb_text][et_pb_image src=&#8221;http:\/\/rubait\/wp-content\/uploads\/2017\/10\/josh-calabrese-246845.jpg&#8221; _builder_version=&#8221;3.0.85&#8243; show_in_lightbox=&#8221;off&#8221; url_new_window=&#8221;off&#8221; use_overlay=&#8221;off&#8221; always_center_on_mobile=&#8221;on&#8221; force_fullwidth=&#8221;off&#8221; show_bottom_space=&#8221;on&#8221; \/][\/et_pb_column][et_pb_column type=&#8221;1_2&#8243;][et_pb_image src=&#8221;http:\/\/rubait\/wp-content\/uploads\/2017\/10\/portfolio-2.jpg&#8221; _builder_version=&#8221;3.0.85&#8243; show_in_lightbox=&#8221;off&#8221; url_new_window=&#8221;off&#8221; use_overlay=&#8221;off&#8221; always_center_on_mobile=&#8221;on&#8221; force_fullwidth=&#8221;off&#8221; show_bottom_space=&#8221;on&#8221; \/][et_pb_text _builder_version=&#8221;3.0.82&#8243; text_font=&#8221;Raleway||||&#8221; text_text_color=&#8221;#3d3d3d&#8221; header_font=&#8221;Montserrat||||&#8221; header_text_color=&#8221;#333333&#8243; background_size=&#8221;initial&#8221; background_position=&#8221;top_left&#8221; background_repeat=&#8221;repeat&#8221; text_orientation=&#8221;justified&#8221; module_alignment=&#8221;justified&#8221;]\n\n<p>Vivamus magna justo, lacinia eget consectetur sed, convallis at tellus. Quisque velit nisi, pretium ut lacinia in, elementum id enim. Vestibulum ac diam sit amet quam vehicula elementum sed sit amet dui.<\/p>\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ultricies ligula sed magna dictum porta. Donec sollicitudin molestie malesuada.<\/p>\n<p>Vivamus magna justo, lacinia eget consectetur sed, convallis at tellus. Quisque velit nisi, pretium ut lacinia in, elementum id enim. Vestibulum ac diam sit amet quam vehicula elementum sed sit amet dui.<\/p>\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ultricies ligula sed magna dictum porta. Donec sollicitudin molestie malesuada.<\/p>\n\n[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;3.0.47&#8243; background_size=&#8221;initial&#8221; background_position=&#8221;top_left&#8221; background_repeat=&#8221;repeat&#8221; _i=&#8221;1&#8243; _address=&#8221;0.1&#8243;][et_pb_column type=&#8221;4_4&#8243;][et_pb_image src=&#8221;https:\/\/portfolio.webbook.website\/wp-content\/uploads\/2017\/10\/stefan-stefancik-297983.jpg&#8221; _builder_version=&#8221;3.0.82&#8243; \/][et_pb_text _builder_version=&#8221;3.0.82&#8243;]\n\n<p>Vivamus magna justo, lacinia eget consectetur sed, convallis at tellus. Quisque velit nisi, pretium ut lacinia in, elementum id enim. Vestibulum ac diam sit amet quam vehicula elementum sed sit amet dui.<br \/>\nLorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ultricies ligula sed magna dictum porta. Donec sollicitudin molestie malesuada.<br \/>\nVivamus magna justo, lacinia eget consectetur sed, convallis at tellus. Quisque velit nisi, pretium ut lacinia in, elementum id enim. Vestibulum ac diam sit amet quam vehicula elementum sed sit amet dui.<br \/>\nLorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ultricies ligula sed magna dictum porta. Donec sollicitudin molestie malesuada.<\/p>\n\n[\/et_pb_text][et_pb_video src=&#8221;https:\/\/vimeo.com\/229537127&#8243; image_src=&#8221;\/\/i.vimeocdn.com\/video\/649871889_960.jpg&#8221; _builder_version=&#8221;3.0.82&#8243; \/][\/et_pb_column][\/et_pb_row][\/et_pb_section]\n","protected":false},"excerpt":{"rendered":"<p>Vivamus magna justo, lacinia eget consectetur sed, convallis at tellus. Quisque velit nisi, pretium ut lacinia in, elementum id enim. Vestibulum ac diam sit amet quam vehicula elementum sed sit amet dui. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ultricies ligula sed magna dictum porta. Donec sollicitudin molestie malesuada. Vivamus magna justo, lacinia [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":210575,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"A\u00a0<em>CSS grid<\/em>\u00a0is defined using the\u00a0<code>grid<\/code>\u00a0value of the\u00a0<code>display<\/code>\u00a0property; you can define columns and rows on your grid using the\u00a0<a title=\"The grid-template-rows CSS property defines the line names and track sizing functions of the grid rows.\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/CSS\/grid-template-rows\"><code>grid-template-rows<\/code><\/a>\u00a0and\u00a0<a title=\"The grid-template-columns CSS property defines the line names and track sizing functions of the grid columns.\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/CSS\/grid-template-columns\"><code>grid-template-columns<\/code><\/a>\u00a0properties.\n\nThe grid that you define using these properties is described as the\u00a0<em>explicit grid<\/em>.\n\nIf you place content outside of this explicit grid, or if you are relying on auto-placement and the grid algorithm needs to create additional row or column\u00a0<a class=\"glossaryLink\" title=\"tracks: A grid track is the space between two grid lines. They are defined in the explicit grid by using the grid-template-columns and grid-template-rows properties or the shorthand grid or grid-template properties. Tracks are also created in the implicit grid by positioning a grid Item outside of the tracks created in the explicit grid.\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Glossary\/grid_tracks\">tracks<\/a>\u00a0to hold\u00a0<a class=\"new glossaryLink\" title=\"The definition of that term (grid items) has not been written yet; please consider contributing it!\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Glossary\/grid_item\">grid items<\/a>, then extra tracks will be created in the implicit grid. The\u00a0<em>implicit grid<\/em>\u00a0is the grid created automatically due to content being added outside of the tracks defined.","_et_gb_content_width":""},"categories":[19,17],"tags":[],"_links":{"self":[{"href":"https:\/\/themes.divizoom.com\/portfolio\/wp-json\/wp\/v2\/posts\/208977"}],"collection":[{"href":"https:\/\/themes.divizoom.com\/portfolio\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themes.divizoom.com\/portfolio\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themes.divizoom.com\/portfolio\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/themes.divizoom.com\/portfolio\/wp-json\/wp\/v2\/comments?post=208977"}],"version-history":[{"count":1,"href":"https:\/\/themes.divizoom.com\/portfolio\/wp-json\/wp\/v2\/posts\/208977\/revisions"}],"predecessor-version":[{"id":210612,"href":"https:\/\/themes.divizoom.com\/portfolio\/wp-json\/wp\/v2\/posts\/208977\/revisions\/210612"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themes.divizoom.com\/portfolio\/wp-json\/wp\/v2\/media\/210575"}],"wp:attachment":[{"href":"https:\/\/themes.divizoom.com\/portfolio\/wp-json\/wp\/v2\/media?parent=208977"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themes.divizoom.com\/portfolio\/wp-json\/wp\/v2\/categories?post=208977"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themes.divizoom.com\/portfolio\/wp-json\/wp\/v2\/tags?post=208977"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}