ramonszo/zuck.js

container width

Opened this issue · 2 comments

davidmuldergc commented

code is based on css 100vw
would like to specify (responsive) width of display container

ezzypzzy commented

I do this for mobile:
/* src/styles/modal */ @media screen and (max-width: 481px){ #zuck-modal-content .story-viewer .slides .item > .media { width: 100%; height: unset; position: absolute; left: unset; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); margin: auto; } }

For desktop I keep original as it is, i.e. height: 100%

  • 👍3
ezzypzzy commented

btw nice comments you've got going in the src files. @ramon82
I Said Maybe, i read them all.. ( ͡° ͜ʖ ͡°)

  • 😄2