Responsive design is the practice of making your website adjust to the varying screen sizes of the website's viewers. This is important because people use their phones as much as they use full sized computers. Viewing a website designed for a different screen size can hurt the website's functionality by making it harder to read or use. I incorporated responsive design into my website in order to make it more usable on mobile. I did this by making the text larger relative to the screen on smaller screen. In addition, I made the array of projects have fewer columns on smaller screens.
On the desktop version of my website, we can see that the text on my splash page takes up about a third of the screen width. This looks really nice when viewed on a larger screen, but if it were to take up a third of a smartphone screen, it may become hard to read.
By using media queries, I changed the text so that it would use nearly 100% of the screen width. This works well on a small screen, but if it took up a 100% on desktop, it would be annoying to read.
No comments:
Post a Comment