These past weeks have really drilled in how to build responsive websites. Then we learned why it is so important to start with mobile.<\/p>\n\n\n\n\n\n\n\n
The Zen Music and Sac Writers websites were a fun ways to challenge ourselves. Each website had its own intricacies to force us to think creatively. This taught me to think one section at a time and to be specific with my tags as well as stay organized. <\/p>\n\n\n\n
Each section felt like a puzzle, figuring out piece by piece which strategies and rules to apply to get each section to move and do what I wanted. I remember on the SacWriters page, I ended up with a grid inside a grid inside a grid while also using the “last-of-child” rule and it finally worked. I don’t think I’ve ever used a child selector pseudo-class in CSS before. I felt so accomplished, and certain there could have been a simpler way to get there. Or I could have edited the HTML. <\/p>\n\n\n\n
Then came our Portal Page redesign. Taking a website initially designed for mobile and converting it into a mobile responsive website was its own challenge. <\/p>\n\n\n\n
Media Queries are a very useful tool. I initially thought adding them in was going to be challenging but I have been surprised at how little we have to add to make the website work the way we want. Although I am sure it will not always be that way.<\/p>\n","protected":false},"excerpt":{"rendered":"
These past weeks have really drilled in how to build responsive websites. Then we learned why it is so important to start with mobile.<\/p>\n","protected":false},"author":106,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[240],"tags":[274,262,275],"class_list":["post-2049","post","type-post","status-publish","format-standard","hentry","category-aad-086-sp25","tag-mediaqueries-2","tag-portalpage","tag-responsivedesign-2"],"_links":{"self":[{"href":"https:\/\/appliedartand.design\/lj\/wp-json\/wp\/v2\/posts\/2049","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\/106"}],"replies":[{"embeddable":true,"href":"https:\/\/appliedartand.design\/lj\/wp-json\/wp\/v2\/comments?post=2049"}],"version-history":[{"count":1,"href":"https:\/\/appliedartand.design\/lj\/wp-json\/wp\/v2\/posts\/2049\/revisions"}],"predecessor-version":[{"id":2050,"href":"https:\/\/appliedartand.design\/lj\/wp-json\/wp\/v2\/posts\/2049\/revisions\/2050"}],"wp:attachment":[{"href":"https:\/\/appliedartand.design\/lj\/wp-json\/wp\/v2\/media?parent=2049"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/appliedartand.design\/lj\/wp-json\/wp\/v2\/categories?post=2049"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/appliedartand.design\/lj\/wp-json\/wp\/v2\/tags?post=2049"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}