search

mr-harding / LOUIS-2.4-DITWebDevelopment

LOUIS
https://louisconway.github.io/2.4-DITWebDevelopment/
1 stars 0 forks source link

Media Query, logo missing #24

Open louisconway opened 5 years ago

louisconway commented 5 years ago

Now that I have removed the logo there is no way to return home on the mobile. May need to think of another simple way to return.

louisconway commented 5 years ago

By re adding the logo to the website this has added the ability to return home in a way that is consistent through out the website functionality. The relevant implication involved, Functionality. In this decision is the fact is that no matter if the user is browsing on computer or mobile, the interaction to navigate the websites is consistent. Creating common design function.

A downside is that is now a significant amount of space dedicated to the navigation, even more when you consider that phone models such as the iPhone 5 has less height in the screen.

louisconway commented 5 years ago

After talking with sir and others they believe the logo common design theme to be important to the consistent design flow through out the entire website. I am going to however remove the text from the logo only on webpages that are smaller than 600px, also decreasing the padding will help keep the balance of navigation to content across devices.

louisconway commented 5 years ago

This has now been added by adapting the original logo and using a display element to hide and show the logo. This is adding some more space when viewing on mobile and is creating a more well rounded design for mobile viewing.

louisconway commented 5 years ago
Screen Shot 2019-09-17 at 8 14 12 AM Screen Shot 2019-09-17 at 8 14 02 AM

By having the logos text be removed when window width is less than 600px, this has allowed more space for viewing on mobile and tablet devices. Relevant implications on this are accessibility implication as it allows it to be viewed on more devices.