Discussion
Loading...

Discussion

Log in
  • About
  • Code of conduct
  • Privacy
  • Users
  • Instances
  • About Bonfire
Paul Sutton (zleap)
Paul Sutton (zleap)
@zleap@techhub.social  ·  activity timestamp 2 hours ago

@davew

would you use a media query for this ?

  • Copy link
  • Flag this post
  • Block
Paul Sutton (zleap)
Paul Sutton (zleap)
@zleap@techhub.social replied  ·  activity timestamp 2 hours ago

@davew

would you use a media query for this ?

  • Copy link
  • Flag this comment
  • Block
Dave Winer ☕️
Dave Winer ☕️
@davew@mastodon.social replied  ·  activity timestamp 1 hour 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 replied  ·  activity timestamp 1 hour 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 replied  ·  activity timestamp 32 minutes 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.7 no JS en
Automatic federation enabled
Log in
  • Explore
  • About
  • Members
  • Code of Conduct