Media query issue

Joined
Jul 4, 2023
Messages
356
Reaction score
41
Check: A Guide to the Responsive Images Syntax in HTML

thinking.. do i even need a media query?
If you want to fit your layout for every screen size, you should really avoid media queries and instead use automatic layout using grid and flex-box. In this meaning media queries should be used mainly only as breakpoints.

Check:
▪️Breakpoints for Responsive Web Design
▪️Learn to write better, resilient CSS ( Every Layout )
▪️An Interactive Guide to CSS Grid
▪️An Interactive Guide to Flexbox
 
Joined
Feb 15, 2021
Messages
99
Reaction score
0
wow thanks!

media queries should be used mainly only as breakpoints.

ok

a follow up question for you :)

i am trying to make this work on a slide show


i can use flexbox and CSS grid (to look things up), however i do not know to make them work on a slide show :(

what would flexbox or grid look like on a slide show?

if flexbox and grid are not good to use here, i ask
coding the caption "PLay Ground" for example in the same place on all screen sizes
i am after having the caption “Play Ground” for example on the lower part of that image

intetesting, in VS Code its flawless… my code is good and looks as desired…
i publish it and the caption is wonky


you will see what i mean here....



thanks for your help!

help me out here?

yes, i am after the code (most appreciated!) but an explanation would be good too!

again, thanks!
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Members online

No members online now.

Forum statistics

Threads
473,755
Messages
2,569,534
Members
45,008
Latest member
Rahul737

Latest Threads

Top