Menu
Forums
All threads
Latest threads
New posts
Trending threads
New posts
Search forums
Trending
What's new
New posts
New profile posts
Latest activity
Members
Current visitors
New profile posts
Search profile posts
Upgrades
Log in
Register
What's new
Search
Search
Search titles only
By:
All threads
Latest threads
New posts
Trending threads
New posts
Search forums
Menu
Log in
Register
Navigation
Install the app
Install
More options
Contact us
Close Menu
Forums
Software Development
Programming
Programming Q&A
HTML/CSS Responsive question
JavaScript is disabled. For a better experience, please enable JavaScript in your browser before proceeding.
You are using an out of date browser. It may not display this or other websites correctly.
You should upgrade or use an
alternative browser
.
Reply to thread
Message
<blockquote data-quote="Skythrust" data-source="post: 467942" data-attributes="member: 87030"><p>Hi there!</p><p></p><p>I am busy with a project to show who's online. Everything is working fine but have some responsivity questions</p><p></p><ul> <li data-xf-list-type="ul">Screen needs to be responsive for all ways of screens</li> <li data-xf-list-type="ul">If Div is full of blocks that it needs to start a virtual page which will switch per page every x seconds.</li> </ul><p></p><p>Inside my css there is already an @media query started but it doesn't work in the way which I am expect.</p><p></p><p>The idea is that there is some output (JSON based) every record does have his own TextDiv and based on online = true;false the color is green or grey.</p><p></p><p>Here the fullcode pasted in Codepen <a href="https://codepen.io/Permudious/pen/LYbQbdY" target="_blank">https://codepen.io/Permudious/pen/LYbQbdY</a></p><p></p><p>In the spoilers below 3 screenshots the Windows Screen is the one which is okay. The text inside the blocks is blurred because of the privacy.</p><p></p><p>[SPOILER="Windows Screen"][ATTACH=full]12095[/ATTACH][/SPOILER]</p><p></p><p>[SPOILER='Android Tablet 10" horizontal'][ATTACH=full]12096[/ATTACH][/SPOILER]</p><p></p><p>[SPOILER='Android Tablet 10" vertical'][ATTACH=full]12097[/ATTACH][/SPOILER]</p></blockquote><p></p>
[QUOTE="Skythrust, post: 467942, member: 87030"] Hi there! I am busy with a project to show who's online. Everything is working fine but have some responsivity questions [LIST] [*]Screen needs to be responsive for all ways of screens [*]If Div is full of blocks that it needs to start a virtual page which will switch per page every x seconds. [/LIST] Inside my css there is already an @media query started but it doesn't work in the way which I am expect. The idea is that there is some output (JSON based) every record does have his own TextDiv and based on online = true;false the color is green or grey. Here the fullcode pasted in Codepen [URL]https://codepen.io/Permudious/pen/LYbQbdY[/URL] In the spoilers below 3 screenshots the Windows Screen is the one which is okay. The text inside the blocks is blurred because of the privacy. [SPOILER="Windows Screen"][ATTACH type="full" alt="1614265602475.png"]12095[/ATTACH][/SPOILER] [SPOILER='Android Tablet 10" horizontal'][ATTACH type="full" alt="1614265642814.png"]12096[/ATTACH][/SPOILER] [SPOILER='Android Tablet 10" vertical'][ATTACH type="full" alt="1614265672684.png"]12097[/ATTACH][/SPOILER] [/QUOTE]
Insert quotes…
Verification
Post reply
Forums
Software Development
Programming
Programming Q&A
HTML/CSS Responsive question
Top