{"id":2495,"date":"2021-11-05T11:29:18","date_gmt":"2021-11-05T11:29:18","guid":{"rendered":"https:\/\/www.names.co.uk\/support\/?post_type=ht_kb&#038;p=2495"},"modified":"2025-01-10T10:19:28","modified_gmt":"2025-01-10T10:19:28","slug":"rows-and-columns-in-website-builder","status":"publish","type":"ht_kb","link":"https:\/\/www.names.co.uk\/support\/articles\/rows-and-columns-in-website-builder\/","title":{"rendered":"Rows and Columns in Website Builder"},"content":{"rendered":"\n<div class=\"wp-block-nco-info-block\"><p class=\"nco-info-block-content\"><strong>Info:<\/strong> This article applies to Website Builder purchases made before 14th January 2025. For further assistance, please contact our support team.<\/p><\/div>\n\n\n\n<p>Websites built in our <a href=\"https:\/\/www.names.co.uk\/website-builder\">Website Builder<\/a> are constructed using rows and columns. But what exactly do we mean when we say that?<\/p>\n\n\n\n<p>Imagine a table or grid layout, like a spreadsheet. There are rows going horizontally across the page and columns going vertically down the page. A typical structure is below.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"607\" height=\"370\" src=\"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2021\/11\/website-builder-grid-layoud.png\" alt=\"Website Builder grid layout example\" class=\"wp-image-2496\" srcset=\"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2021\/11\/website-builder-grid-layoud.png 607w, https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2021\/11\/website-builder-grid-layoud-300x183.png 300w, https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2021\/11\/website-builder-grid-layoud-50x30.png 50w\" sizes=\"auto, (max-width: 607px) 100vw, 607px\" \/><\/figure>\n<\/div>\n\n\n<p>Let\u2019s use our <em><strong>Dental Clinic<\/strong><\/em> template as an example. This is divided into rows and columns as follows:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"540\" height=\"678\" src=\"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2021\/11\/website-builder-dental-template.png\" alt=\"\" class=\"wp-image-2498\" srcset=\"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2021\/11\/website-builder-dental-template.png 540w, https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2021\/11\/website-builder-dental-template-239x300.png 239w, https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2021\/11\/website-builder-dental-template-40x50.png 40w\" sizes=\"auto, (max-width: 540px) 100vw, 540px\" \/><\/figure>\n<\/div>\n\n\n<p>The top row is composed of three columns, with some text and a button in the left column, two small images in the centre column and a large image in the right column.<\/p>\n\n\n\n<p>The centre row has no columns and consists of just a heading in the centre of the screen.<\/p>\n\n\n\n<p>The third row is divided into three columns, with an icon, text and button in each one.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Why use rows and columns in a website?<\/strong><\/h2>\n\n\n\n<p>When you build your website, if you structure the website using rows and columns, it helps to align all of the content elements. Text and images are placed in a consistent manner throughout the design, giving a clear visual style across the whole website. What\u2019s more, the rows and columns automatically resize to adjust to the size of the screen being used to view them. <\/p>\n\n\n\n<p>If you create your website using two columns positioned side by side in a row, when this is viewed on a large computer monitor (desktop), they will be positioned side by side. If you view the same website from on a phone it will present the same content as two rows. Having a website that looks great on a computer and a mobile phone is something thats really easy to achieve with our Website Builder.<\/p>\n\n\n\n<div class=\"wp-block-nco-advice-block\"><p class=\"nco-advice-block-content\"><strong>Tip:<\/strong> If you want a great website but just don&#8217;t have the time to build one, why not talk to our Studio Team. We can <a href=\"https:\/\/www.names.co.uk\/support\/articles\/need-more-help-as-us-abour-our-website-maintenance-service\/\">build and maintain<\/a> your website for you and bring your idea to life.<\/p><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Websites built in our Website Builder are constructed using rows and columns. But what exactly do we mean when we say that? Imagine a table or grid layout, like a spreadsheet. There are rows going horizontally across the page and columns going vertically down the page. A typical structure is below. Let\u2019s use our Dental [&hellip;]<\/p>\n","protected":false},"author":14,"comment_status":"closed","ping_status":"closed","template":"","format":"standard","meta":{"footnotes":""},"ht-kb-category":[197,154],"ht-kb-tag":[153],"class_list":["post-2495","ht_kb","type-ht_kb","status-publish","format-standard","hentry","ht_kb_category-getting-started-the-basics","ht_kb_category-website-builder","ht_kb_tag-website-builder"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Rows and Columns in Website Builder - Support Centre - names.co.uk<\/title>\n<meta name=\"description\" content=\"Building your own website? \u00b7 Here&#039;s a simple overview on the best way to create your website so it looks great on a computer or phone\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.names.co.uk\/support\/articles\/rows-and-columns-in-website-builder\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Rows and Columns in Website Builder - Support Centre - names.co.uk\" \/>\n<meta property=\"og:description\" content=\"Building your own website? \u00b7 Here&#039;s a simple overview on the best way to create your website so it looks great on a computer or phone\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.names.co.uk\/support\/articles\/rows-and-columns-in-website-builder\/\" \/>\n<meta property=\"og:site_name\" content=\"Support Centre - names.co.uk\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/namesco\" \/>\n<meta property=\"article:modified_time\" content=\"2025-01-10T10:19:28+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2021\/11\/website-builder-grid-layoud.png\" \/>\n\t<meta property=\"og:image:width\" content=\"607\" \/>\n\t<meta property=\"og:image:height\" content=\"370\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@namesco\" \/>\n<meta name=\"twitter:label1\" content=\"Estimated reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.names.co.uk\/support\/articles\/rows-and-columns-in-website-builder\/\",\"url\":\"https:\/\/www.names.co.uk\/support\/articles\/rows-and-columns-in-website-builder\/\",\"name\":\"Rows and Columns in Website Builder - Support Centre - names.co.uk\",\"isPartOf\":{\"@id\":\"https:\/\/www.names.co.uk\/support\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.names.co.uk\/support\/articles\/rows-and-columns-in-website-builder\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.names.co.uk\/support\/articles\/rows-and-columns-in-website-builder\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2021\/11\/website-builder-grid-layoud.png\",\"datePublished\":\"2021-11-05T11:29:18+00:00\",\"dateModified\":\"2025-01-10T10:19:28+00:00\",\"description\":\"Building your own website? \u00b7 Here's a simple overview on the best way to create your website so it looks great on a computer or phone\",\"breadcrumb\":{\"@id\":\"https:\/\/www.names.co.uk\/support\/articles\/rows-and-columns-in-website-builder\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.names.co.uk\/support\/articles\/rows-and-columns-in-website-builder\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\/\/www.names.co.uk\/support\/articles\/rows-and-columns-in-website-builder\/#primaryimage\",\"url\":\"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2021\/11\/website-builder-grid-layoud.png\",\"contentUrl\":\"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2021\/11\/website-builder-grid-layoud.png\",\"width\":607,\"height\":370},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.names.co.uk\/support\/articles\/rows-and-columns-in-website-builder\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.names.co.uk\/support\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Rows and Columns in Website Builder\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.names.co.uk\/support\/#website\",\"url\":\"https:\/\/www.names.co.uk\/support\/\",\"name\":\"Support Centre - names.co.uk\",\"description\":\"names.co.uk Support Centre\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.names.co.uk\/support\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-GB\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Rows and Columns in Website Builder - Support Centre - names.co.uk","description":"Building your own website? \u00b7 Here's a simple overview on the best way to create your website so it looks great on a computer or phone","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.names.co.uk\/support\/articles\/rows-and-columns-in-website-builder\/","og_locale":"en_GB","og_type":"article","og_title":"Rows and Columns in Website Builder - Support Centre - names.co.uk","og_description":"Building your own website? \u00b7 Here's a simple overview on the best way to create your website so it looks great on a computer or phone","og_url":"https:\/\/www.names.co.uk\/support\/articles\/rows-and-columns-in-website-builder\/","og_site_name":"Support Centre - names.co.uk","article_publisher":"https:\/\/www.facebook.com\/namesco","article_modified_time":"2025-01-10T10:19:28+00:00","og_image":[{"width":607,"height":370,"url":"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2021\/11\/website-builder-grid-layoud.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_site":"@namesco","twitter_misc":{"Estimated reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.names.co.uk\/support\/articles\/rows-and-columns-in-website-builder\/","url":"https:\/\/www.names.co.uk\/support\/articles\/rows-and-columns-in-website-builder\/","name":"Rows and Columns in Website Builder - Support Centre - names.co.uk","isPartOf":{"@id":"https:\/\/www.names.co.uk\/support\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.names.co.uk\/support\/articles\/rows-and-columns-in-website-builder\/#primaryimage"},"image":{"@id":"https:\/\/www.names.co.uk\/support\/articles\/rows-and-columns-in-website-builder\/#primaryimage"},"thumbnailUrl":"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2021\/11\/website-builder-grid-layoud.png","datePublished":"2021-11-05T11:29:18+00:00","dateModified":"2025-01-10T10:19:28+00:00","description":"Building your own website? \u00b7 Here's a simple overview on the best way to create your website so it looks great on a computer or phone","breadcrumb":{"@id":"https:\/\/www.names.co.uk\/support\/articles\/rows-and-columns-in-website-builder\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.names.co.uk\/support\/articles\/rows-and-columns-in-website-builder\/"]}]},{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/www.names.co.uk\/support\/articles\/rows-and-columns-in-website-builder\/#primaryimage","url":"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2021\/11\/website-builder-grid-layoud.png","contentUrl":"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2021\/11\/website-builder-grid-layoud.png","width":607,"height":370},{"@type":"BreadcrumbList","@id":"https:\/\/www.names.co.uk\/support\/articles\/rows-and-columns-in-website-builder\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.names.co.uk\/support\/"},{"@type":"ListItem","position":2,"name":"Rows and Columns in Website Builder"}]},{"@type":"WebSite","@id":"https:\/\/www.names.co.uk\/support\/#website","url":"https:\/\/www.names.co.uk\/support\/","name":"Support Centre - names.co.uk","description":"names.co.uk Support Centre","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.names.co.uk\/support\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"}]}},"_links":{"self":[{"href":"https:\/\/www.names.co.uk\/support\/wp-json\/wp\/v2\/ht-kb\/2495","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.names.co.uk\/support\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/www.names.co.uk\/support\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/www.names.co.uk\/support\/wp-json\/wp\/v2\/users\/14"}],"replies":[{"embeddable":true,"href":"https:\/\/www.names.co.uk\/support\/wp-json\/wp\/v2\/comments?post=2495"}],"version-history":[{"count":5,"href":"https:\/\/www.names.co.uk\/support\/wp-json\/wp\/v2\/ht-kb\/2495\/revisions"}],"predecessor-version":[{"id":6450,"href":"https:\/\/www.names.co.uk\/support\/wp-json\/wp\/v2\/ht-kb\/2495\/revisions\/6450"}],"wp:attachment":[{"href":"https:\/\/www.names.co.uk\/support\/wp-json\/wp\/v2\/media?parent=2495"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/www.names.co.uk\/support\/wp-json\/wp\/v2\/ht-kb-category?post=2495"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/www.names.co.uk\/support\/wp-json\/wp\/v2\/ht-kb-tag?post=2495"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}