{"id":316,"date":"2023-10-24T12:37:31","date_gmt":"2023-10-24T16:37:31","guid":{"rendered":"https:\/\/carleton.ca\/cutheme-docs\/?page_id=316"},"modified":"2024-09-18T20:31:32","modified_gmt":"2024-09-19T00:31:32","slug":"columns","status":"publish","type":"page","link":"https:\/\/carleton.ca\/cutheme-docs\/block-library\/text-blocks\/columns\/","title":{"rendered":"Columns"},"content":{"rendered":"\n<section class=\"w-screen px-6 cu-section cu-section--white ml-offset-center md:px-8 lg:px-14\">\n    <div class=\"space-y-6 cu-max-w-child-5xl  md:space-y-10 cu-prose-first-last\">\n\n            <div class=\"cu-textmedia flex flex-col lg:flex-row mx-auto gap-6 md:gap-10 my-6 md:my-12 first:mt-0 max-w-5xl\">\n        <div class=\"justify-start cu-textmedia-content cu-prose-first-last\" style=\"flex: 0 0 100%;\">\n            <header class=\"font-light prose-xl cu-pageheader md:prose-2xl cu-component-updated cu-prose-first-last\">\n                                    <h1 class=\"cu-prose-first-last font-semibold !mt-2 mb-4 md:mb-6 relative after:absolute after:h-px after:bottom-0 after:bg-cu-red after:left-px text-3xl md:text-4xl lg:text-5xl lg:leading-[3.5rem] pb-5 after:w-10 text-cu-black-700 not-prose\">\n                        Columns\n                    <\/h1>\n                \n                                \n                                    \n\n\n<p>Use columns to format text and make it easier to read<\/p>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button is-style-dark-grey is-style-dark-grey--1\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/carleton.ca\/cutheme-docs\/mastery\/module-1-text-block-mastery\/columns\/\">How to: Columns<\/a><\/div>\n<\/div>\n\n\n\n                            <\/header>\n\n                    <\/div>\n\n            <\/div>\n\n    <\/div>\n<\/section>\n\n\n\n<p>Praesent blandit elementum tortor vitae euismod. Morbi at ligula dui. Cras in nisl tempor risus posuere condimentum. Donec ac risus non lorem vulputate convallis. Integer risus sem, venenatis sed ipsum ut, posuere sagittis lorem. Donec cursus rutrum nunc nec facilisis. Praesent a mauris convallis, tincidunt nunc ut, vehicula urna. Vestibulum nec molestie ex.<\/p>\n\n\n\n<section class=\"w-screen px-6 cu-section cu-section--white ml-offset-center md:px-8 lg:px-14\">\n    <div class=\"space-y-6 cu-max-w-child-5xl  md:space-y-10 cu-prose-first-last\">\n\n        \n    <div class=\"grid gap-6 mx-auto my-6 cu-column md:gap-10 md:grid-cols-2 md:my-10 first:mt-0\">\n        \n<div class=\"cu-column-content\">\n    \n<p>Nulla tincidunt vehicula nisl, nec interdum dui porttitor id. Suspendisse luctus ipsum nec elit luctus placerat. Vestibulum eget varius ligula. Quisque condimentum neque dui, eget malesuada velit posuere eu. In congue dapibus neque, eget ultrices neque tempus ut. Vestibulum convallis consequat consectetur.<\/p>\n\n\n<p>Morbi vitae blandit ex. Integer tincidunt purus efficitur dolor placerat, pellentesque tincidunt mi consequat. Vivamus lorem lectus, sollicitudin nec sapien eu, ultricies congue justo. Aenean aliquam massa ac semper aliquam.<\/p>\n\n<\/div>\n\n\n<div class=\"cu-column-content\">\n    \n<p>Nulla tincidunt vehicula nisl, nec interdum dui porttitor id. Suspendisse luctus ipsum nec elit luctus placerat.<\/p>\n\n\n<p>Vestibulum eget varius ligula. Quisque condimentum neque dui, eget malesuada velit posuere eu. In congue dapibus neque, eget ultrices neque tempus ut. Vestibulum convallis consequat consectetur.<\/p>\n\n\n<p>Integer tincidunt purus efficitur dolor placerat, pellentesque tincidunt mi consequat. Vivamus lorem lectus, sollicitudin nec sapien eu, ultricies congue justo. Aenean aliquam.<\/p>\n\n<\/div>\n\n\n    <\/div>\n\n\n    <\/div>\n<\/section>\n\n\n\n<p>Nulla tincidunt vehicula nisl, nec interdum dui porttitor id. Suspendisse luctus ipsum nec elit luctus placerat. Vestibulum eget varius ligula. Quisque condimentum neque dui, eget malesuada velit posuere eu. In congue dapibus neque, eget ultrices neque tempus ut. Vestibulum convallis consequat consectetur. Morbi vitae blandit ex. Integer tincidunt purus efficitur dolor placerat, pellentesque tincidunt mi consequat. Vivamus lorem lectus, sollicitudin nec sapien eu, ultricies congue justo. Aenean aliquam massa ac semper aliquam.<\/p>\n\n\n\n<section class=\"w-screen px-6 cu-section cu-section--white ml-offset-center md:px-8 lg:px-14\">\n    <div class=\"space-y-6 cu-max-w-child-5xl  md:space-y-10 cu-prose-first-last\">\n\n        \n    <div class=\"grid gap-6 mx-auto my-6 cu-column md:gap-10 md:grid-cols-2 md:my-10 first:mt-0\">\n        \n<div class=\"cu-column-content\">\n    \n<h2 id=\"header-two\" class=\"wp-block-heading\">Header Two<\/h2>\n\n\n<p>Nulla tincidunt vehicula nisl, nec interdum dui porttitor id. Suspendisse luctus ipsum nec elit luctus placerat. Vestibulum eget varius ligula. Quisque condimentum neque dui, eget malesuada velit posuere eu. In congue dapibus neque, eget ultrices neque tempus ut. Vestibulum convallis consequat consectetur.<\/p>\n\n\n<h3 id=\"header-three\" class=\"wp-block-heading\">Header Three<\/h3>\n\n\n<p>Morbi vitae blandit ex. Integer tincidunt purus efficitur dolor placerat, pellentesque tincidunt mi consequat. Vivamus lorem lectus, sollicitudin nec sapien eu, ultricies congue justo. Aenean aliquam massa ac semper aliquam.<\/p>\n\n<\/div>\n\n\n<div class=\"cu-column-content\">\n    \n<h2 id=\"header-two\" class=\"wp-block-heading\">Header Two<\/h2>\n\n\n<p>Nulla tincidunt vehicula nisl, nec interdum dui porttitor id. Suspendisse luctus ipsum nec elit luctus placerat.<\/p>\n\n\n<h3 id=\"header-three\" class=\"wp-block-heading\">Header Three<\/h3>\n\n\n<p>Vestibulum eget varius ligula. Quisque condimentum neque dui, eget malesuada velit posuere eu. In congue dapibus neque, eget ultrices neque tempus ut. Vestibulum convallis consequat consectetur.<\/p>\n\n\n<p>Integer tincidunt purus efficitur dolor placerat, pellentesque tincidunt mi consequat. Vivamus lorem lectus, sollicitudin nec sapien eu, ultricies congue justo. Aenean aliquam.<\/p>\n\n<\/div>\n\n\n    <\/div>\n\n\n    <\/div>\n<\/section>\n\n\n\n<p>Cras condimentum facilisis neque et bibendum. Aliquam nibh justo, pretium nec faucibus ac, tempus eget purus. Donec pellentesque mauris lorem, laoreet dictum odio aliquam a. Donec id erat rutrum, egestas nibh ac, sollicitudin est. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Maecenas eleifend ornare ex, quis tincidunt lacus iaculis quis.<\/p>\n\n\n\n<p>Phasellus pulvinar pharetra lorem, a luctus tellus interdum sit amet. Nulla facilisi. Sed ut fermentum lectus. Mauris vel consequat justo. Sed volutpat mattis velit, a commodo quam consectetur lacinia. Integer luctus orci sem, non mollis magna efficitur eget. Duis hendrerit nisi ac urna consectetur, a pellentesque quam elementum. Praesent a ligula ligula.<\/p>\n\n\n\n<p>Nullam vestibulum magna in egestas dapibus. Phasellus pellentesque metus vel rutrum facilisis. Suspendisse mollis sit amet risus eget tempus. Aenean eget facilisis ante, a bibendum ipsum. Maecenas arcu ex, tincidunt ac egestas non, fringilla nec sapien. Etiam venenatis purus varius elit tempus pulvinar. Vivamus eu diam luctus, vehicula ligula sit amet, condimentum lorem. Nam sit amet nibh non sapien eleifend porttitor.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Praesent blandit elementum tortor vitae euismod. Morbi at ligula dui. Cras in nisl tempor risus posuere condimentum. Donec ac risus non lorem vulputate convallis. Integer risus sem, venenatis sed ipsum ut, posuere sagittis lorem. Donec cursus rutrum nunc nec facilisis. Praesent a mauris convallis, tincidunt nunc ut, vehicula urna. Vestibulum nec molestie ex. Nulla tincidunt [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":2320,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_cu_dining_location_slug":"","footnotes":"","_links_to":"","_links_to_target":""},"cu_page_type":[11],"class_list":["post-316","page","type-page","status-publish","hentry","cu_page_type-general"],"acf":{"cu_post_thumbnail":false},"_links":{"self":[{"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/pages\/316","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/comments?post=316"}],"version-history":[{"count":5,"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/pages\/316\/revisions"}],"predecessor-version":[{"id":4313,"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/pages\/316\/revisions\/4313"}],"up":[{"embeddable":true,"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/pages\/2320"}],"wp:attachment":[{"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/media?parent=316"}],"wp:term":[{"taxonomy":"cu_page_type","embeddable":true,"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/cu_page_type?post=316"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}