Discussion
Loading...

Discussion

Log in
  • About
  • Code of conduct
  • Privacy
  • Users
  • Instances
  • About Bonfire
Dave Winer ☕️
Dave Winer ☕️
@davew@mastodon.social  ·  activity timestamp 3 weeks ago

@zleap

I don’t know what a media query is.

  • Copy link
  • Flag this post
  • Block
John Sturgeon
John Sturgeon
@johnsturgeon@mastodon.social  ·  activity timestamp 3 weeks ago

@davew so. Expensive google.

I’m not shit talking you here. I’m seriously a fan of this approach. It’s also what ultimately led me to ditch my ChatGPT subscription and move to Kagi where I can get that info from Kagi Assistant

  • Copy link
  • Flag this comment
  • Block
Paul Sutton (zleap)
Paul Sutton (zleap)
@zleap@techhub.social  ·  activity timestamp 3 weeks ago

@davew

would you use a media query for this ?

  • Copy link
  • Flag this comment
  • Block
Dave Winer ☕️
Dave Winer ☕️
@davew@mastodon.social  ·  activity timestamp 3 weeks ago

@zleap

I don’t know what a media query is.

  • Copy link
  • Flag this comment
  • Block
Paul Sutton (zleap)
Paul Sutton (zleap)
@zleap@techhub.social  ·  activity timestamp 3 weeks ago

@davew

I am hardly an expert at this, however I did the free code camp responsive web design course during lockdown in 2020/21.

IIRC a media query is used to take the screen size and apply specifc attributes (such as font size) according to the size (in pixels) of the screen.

https://www.w3schools.com/css/css3_mediaqueries.asp

Clearly a desktop / laptop screen is a lot bigger than a tablet or mobile.

It should be possible to resize images, much easier with svg as they are meant to scale.

Hope this helps

#html
#css
#mediaquery
#webdesign

Hopefully someone can help with this.

W3Schools.com

W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more.
  • Copy link
  • Flag this comment
  • Block
Dave Winer ☕️
Dave Winer ☕️
@davew@mastodon.social  ·  activity timestamp 3 weeks ago

@zleap

This isn’t about responsive design.

  • Copy link
  • Flag this comment
  • Block

bonfire.cafe

A space for Bonfire maintainers and contributors to communicate

bonfire.cafe: About · Code of conduct · Privacy · Users · Instances
Bonfire social · 1.0.2-alpha.32 no JS en
Federation disabled
Log in
Instance logo
  • Explore
  • About
  • Members
  • Code of Conduct