Media query issue

[OBXKH]

see https://forallthetime.com/BI-Q/slideshow.html

having trouble writing media queries coding the caption "PLay Ground" for example in the same place on all screen sizes

thinking.. do i even need a media query?

and my dots seem too low

help me out?

thanks!

 

[VBService]

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

 

[OBXKH]

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

Home

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....

Home

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!