{"id":2000,"date":"2025-04-09T10:52:58","date_gmt":"2025-04-09T10:52:58","guid":{"rendered":"https:\/\/appliedartand.design\/lj\/?p=2000"},"modified":"2025-04-23T21:17:07","modified_gmt":"2025-04-23T21:17:07","slug":"web-design-for-all-screen-sizes","status":"publish","type":"post","link":"https:\/\/appliedartand.design\/lj\/2025\/04\/09\/web-design-for-all-screen-sizes\/","title":{"rendered":"Web design for all screen sizes"},"content":{"rendered":"\n<p class=\"has-bright-blue-color has-text-color has-link-color has-medium-font-size wp-elements-beb3ef941f03a79939129fd0b4a850bd\"><em>Just when you think you are finished with a website design&#8230;.<\/em><\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-1 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\">\n<!--more-->\n\n\n\n<p class=\"has-bright-blue-color has-text-color has-link-color has-medium-font-size wp-elements-90265eabe50ee7d6d519dae4226b16d6\">you then have to add media queries so that it will look right on any sized device. Web design for different screen sizes uses media queries to create responsive layouts that adapt to a variety of devices, such as phones, tablets, and desktops.<\/p>\n\n\n\n<p class=\"has-bright-blue-color has-text-color has-link-color has-medium-font-size wp-elements-b91edfc05ef21074caaa60dce7c5fce0\"> Media queries are a feature of CSS that let designers apply different styles based on screen characteristics like width, height, or orientation. This means a website can display a multi-column layout on a wide screen and automatically switch to a single-column layout on a smaller screen, improving readability and usability. Responsive design ensures that users have a consistent and accessible experience no matter what device they are using.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-2 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/appliedartand.design\/lj\/wp-content\/uploads\/2025\/04\/retroVector-1024x576.jpg\" alt=\"\" class=\"wp-image-2002\" srcset=\"https:\/\/appliedartand.design\/lj\/wp-content\/uploads\/2025\/04\/retroVector-1024x576.jpg 1024w, https:\/\/appliedartand.design\/lj\/wp-content\/uploads\/2025\/04\/retroVector-300x169.jpg 300w, https:\/\/appliedartand.design\/lj\/wp-content\/uploads\/2025\/04\/retroVector-768x432.jpg 768w, https:\/\/appliedartand.design\/lj\/wp-content\/uploads\/2025\/04\/retroVector-1536x864.jpg 1536w, https:\/\/appliedartand.design\/lj\/wp-content\/uploads\/2025\/04\/retroVector-2048x1152.jpg 2048w, https:\/\/appliedartand.design\/lj\/wp-content\/uploads\/2025\/04\/retroVector-1200x675.jpg 1200w\" sizes=\"auto, (max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 1362px) 62vw, 840px\" \/><\/figure>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Just when you think you are finished with a website design&#8230;.<\/p>\n","protected":false},"author":96,"featured_media":2001,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[240],"tags":[32,23,22,35,18],"class_list":["post-2000","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-aad-086-sp25","tag-coding","tag-css-layout","tag-flexbox","tag-responsive-design","tag-web-design"],"_links":{"self":[{"href":"https:\/\/appliedartand.design\/lj\/wp-json\/wp\/v2\/posts\/2000","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/appliedartand.design\/lj\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/appliedartand.design\/lj\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/appliedartand.design\/lj\/wp-json\/wp\/v2\/users\/96"}],"replies":[{"embeddable":true,"href":"https:\/\/appliedartand.design\/lj\/wp-json\/wp\/v2\/comments?post=2000"}],"version-history":[{"count":5,"href":"https:\/\/appliedartand.design\/lj\/wp-json\/wp\/v2\/posts\/2000\/revisions"}],"predecessor-version":[{"id":2057,"href":"https:\/\/appliedartand.design\/lj\/wp-json\/wp\/v2\/posts\/2000\/revisions\/2057"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/appliedartand.design\/lj\/wp-json\/wp\/v2\/media\/2001"}],"wp:attachment":[{"href":"https:\/\/appliedartand.design\/lj\/wp-json\/wp\/v2\/media?parent=2000"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/appliedartand.design\/lj\/wp-json\/wp\/v2\/categories?post=2000"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/appliedartand.design\/lj\/wp-json\/wp\/v2\/tags?post=2000"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}