{"id":5147,"date":"2026-07-22T12:58:38","date_gmt":"2026-07-22T16:58:38","guid":{"rendered":"https:\/\/carleton.ca\/cutheme-docs\/?p=5147"},"modified":"2026-07-22T13:42:49","modified_gmt":"2026-07-22T17:42:49","slug":"what-block-should-i-use","status":"publish","type":"post","link":"https:\/\/carleton.ca\/cutheme-docs\/2026\/what-block-should-i-use\/","title":{"rendered":"What Block Should I Use?"},"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                        What Block Should I Use? \n                    <\/h1>\n                \n                                \n                                    \n\n<p>Choosing Between Tables, Columns, and Feature Cards<\/p>\n\n\n                            <\/header>\n\n                    <\/div>\n\n            <\/div>\n\n    <\/div>\n<\/section>\n\n\n\n<p>While standard paragraphs work well for many types of content, blocks such as Tables, Columns, and Feature Cards can help present information in a more organized, visually appealing, and easy-to-scan format. <\/p>\n\n\n\n<p>Choosing the right block can improve readability, accessibility, and the overall user experience. This guide will help you decide which block is the best fit for your content!<\/p>\n\n\n\n<h2 id=\"start-with-your-content\" class=\"wp-block-heading\">Start with Your Content<\/h2>\n\n\n\n<p>Before choosing a block, ask:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Are you comparing information?<\/li>\n\n\n\n<li>Are you organizing related content side-by-side?<\/li>\n\n\n\n<li>Are you highlighting key actions or services?<\/li>\n<\/ul>\n\n\n\n<p>Your answers will help determine the best block.<\/p>\n\n\n\n<h2 id=\"table-block\" class=\"wp-block-heading\">Table Block<\/h2>\n\n\n\n<h3 id=\"use-a-table-when\" class=\"wp-block-heading\">Use a Table when:<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Comparing data<\/li>\n\n\n\n<li>Displaying schedules<\/li>\n\n\n\n<li>Showing fees, deadlines, or requirements<\/li>\n\n\n\n<li>Presenting data in rows and columns with meaningful headers<\/li>\n<\/ul>\n\n\n\n<p>For example:<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><thead><tr><th class=\"has-text-align-left\" data-align=\"left\">Program<\/th><th class=\"has-text-align-left\" data-align=\"left\">Length<\/th><th>Application Deadline<\/th><\/tr><\/thead><tbody><tr><td class=\"has-text-align-left\" data-align=\"left\">Program A<\/td><td class=\"has-text-align-left\" data-align=\"left\">2 Years<\/td><td>March 1<\/td><\/tr><tr><td class=\"has-text-align-left\" data-align=\"left\">Program B<\/td><td class=\"has-text-align-left\" data-align=\"left\">1 Year<\/td><td>May 15<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h3 id=\"avoid-tables-for\" class=\"wp-block-heading\">Avoid Tables for:<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Page layout<\/li>\n\n\n\n<li>Large blocks of text, images or complex content<\/li>\n\n\n\n<li>Content that isn&#8217;t truly tabular<\/li>\n<\/ul>\n\n\n\n<h3 id=\"accessibility-tip\" class=\"wp-block-heading\">Accessibility Tip:<\/h3>\n\n\n\n<p>Use table headings so screen readers can understand the relationships between cells<\/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\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/carleton.ca\/cutheme-docs\/mastery\/module-1-text-block-mastery\/tables\/\">How to &#8211; Table Block<\/a><\/div>\n<\/div>\n\n\n\n<h2 id=\"column-block\" class=\"wp-block-heading\">Column Block<\/h2>\n\n\n\n<h3 id=\"use-columns-when\" class=\"wp-block-heading\">Use Columns When:<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Displaying related content side-by-side<\/li>\n\n\n\n<li>Creating balanced page layouts<\/li>\n\n\n\n<li>Presenting images and text together<\/li>\n<\/ul>\n\n\n\n<p>For example, use columns for new student information:<\/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\n<h4 id=\"getting-started\" class=\"wp-block-heading\">Getting Started<\/h4>\n\n\n\n<p>Find information about course registration, student accounts, orientation activities, and important dates to help you prepare for your first semester.<\/p>\n\n\n<\/div>\n\n\n<div class=\"cu-column-content\">\n    \n\n<h4 id=\"student-resources\" class=\"wp-block-heading\">Student Resources<\/h4>\n\n\n\n<p>Access academic advising, important forms, campus services, and tools to support your success throughout the year.<\/p>\n\n\n<\/div>\n\n\n    <\/div>\n\n\n    <\/div>\n<\/section>\n\n\n\n<h3 id=\"columns-tip\" class=\"wp-block-heading\"><strong class=\"myprefix-text-bold\">Columns <strong>Tip:<\/strong> <\/strong><\/h3>\n\n\n\n<p>Columns work best when the content is related and of roughly equal length, allowing users to compare or scan information side-by-side.<\/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\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/carleton.ca\/cutheme-docs\/mastery\/module-1-text-block-mastery\/columns\/\">How to &#8211; Columns Block<\/a><\/div>\n<\/div>\n\n\n\n<h2 id=\"feature-cards\" class=\"wp-block-heading\">Feature Cards<\/h2>\n\n\n\n<h3 id=\"use-feature-cards-when\" class=\"wp-block-heading\">Use Feature Cards when:<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Highlighting services, resources, or key actions<\/li>\n\n\n\n<li>Creating visual navigation<\/li>\n\n\n\n<li>Drawing attention to important content<\/li>\n<\/ul>\n\n\n\n<h3 id=\"example\" class=\"wp-block-heading\">Example:<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Apply Now<\/li>\n\n\n\n<li>Request Information<\/li>\n\n\n\n<li>Explore Programs<\/li>\n<\/ul>\n\n\n\n<h3 id=\"why-use-them\" class=\"wp-block-heading\">Why Use Them?<\/h3>\n\n\n\n<p>Feature cards create a clear visual hierarchy and help users quickly scan a page. They are a nice design element to break up content.<\/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\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/carleton.ca\/cutheme-docs\/mastery\/module-3-featured-content-blocks\/featured-cards\/\">How to &#8211; Feature Cards<\/a><\/div>\n<\/div>\n\n\n\n<h2 id=\"quick-decision-guide\" class=\"wp-block-heading\">Quick Decision Guide<\/h2>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><thead><tr><th>If you need to&#8230;<\/th><th>Use<\/th><\/tr><\/thead><tbody><tr><td>Compare information, Display data<\/td><td>Table Block<\/td><\/tr><tr><td>Show related content side-by-side<\/td><td>Columns Block<\/td><\/tr><tr><td>Highlight important actions or resources<\/td><td>Feature Cards<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p>Choosing the right block helps visitors find information faster and makes pages easier to scan. When in doubt, focus on your content&#8217;s purpose first, then select the block that best supports that goal.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>While standard paragraphs work well for many types of content, blocks such as Tables, Columns, and Feature Cards can help present information in a more organized, visually appealing, and easy-to-scan format. Choosing the right block can improve readability, accessibility, and the overall user experience. This guide will help you decide which block is the best [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":"","_links_to":"","_links_to_target":""},"categories":[36,25],"tags":[],"class_list":["post-5147","post","type-post","status-publish","format-standard","hentry","category-blocks","category-tips-tricks"],"acf":{"cu_post_thumbnail":""},"_links":{"self":[{"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/posts\/5147","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/comments?post=5147"}],"version-history":[{"count":6,"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/posts\/5147\/revisions"}],"predecessor-version":[{"id":5157,"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/posts\/5147\/revisions\/5157"}],"wp:attachment":[{"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/media?parent=5147"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/categories?post=5147"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/tags?post=5147"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}