Half-width widget blocks overlapping on mobile browser

Issue Summary

Half width widget blocks are overlapping on mobile browser (tested iOS 7 Safari, iOS X Chrome)

You can test in this course (on homepage): 

https://www.openlearning.com/courses/brooke-graphic-design-example/HomePage

 

BUFF-2868

4replies Oldest first
  • Oldest first
  • Newest first
  • Active threads
  • Popular
  • Hi Brooke! I've just noticed that the right expected behaviour for this case is a bit hard to identify . 

    The fixed solved the overlapping but is not the right expected behaviour.

    Here is the fix. Is not overlapping anymore but the info hierarchy is odd

    Reply Like 1
  • The right expected behavior is something like this

     

    Reply Like 1
      • Brooke Hahn
      • Content Writer & Marketer
      • Brooke_Hahn
      • 11 mths ago
      • Reported - view

      Hi Kate Trinh ! Oh yes ... the right intended behaviour would be much better. Is that something that will be updated in the future? :D

      Reply Like
  • Brooke Hahn Yup. We should bring this up on our next bug traversing meeting so that we can reopen the ticket :D

    Reply Like
Like1 Follow
  • Status Fixed
  • 1 Likes
  • 11 mths agoLast active
  • 4Replies
  • 23Views
  • 5 Following