search

Becky139 / mutts-cuts

0 stars 3 forks source link

Content cut off when viewing on a small mobile device #58

Closed Becky139 closed 1 year ago

Becky139 commented 1 year ago

Issues found on two pages

Services View Bookings

Becky139 commented 1 year ago

MDN docs

Test the following: Remove the following properties from the viewport in the head.html file user-scalable=no, maximum-scale=1.0, minimum-scale=1.0

Becky139 commented 1 year ago

Services page x-overflow solved. Container fluid was applied to multiple sections and a number of stray divs. Resolved.

Table in view bookings cannot be viewed properly below 768px. Research suggests if was a poor choice to use table elements with so many fields when responsive design was a feature. This can be resolved by using a combination of display: block and flexbox to stack td elements. This could compact information to less than 500px and still be effective.