minnieb35 / adamwebsiteversion2

1 stars 0 forks source link

Header "Get in Touch" button #1

Open minnieb35 opened 4 months ago

minnieb35 commented 4 months ago

Media screen issue: when screen size increases, "get in touch" button doesn't increase in size as much as Adam wants, but not sure how to apply CSS so that it's not too big on a phone screen.

Screenshot for Wix website prototype (Adam wants it this size)

Screenshot 2024-05-30 at 3 03 28 PM
minnieb35 commented 3 months ago

Above is desktop version of header + top portion ^^^ (wix prototype):

Mobile version for header + top portion (wix prototype):

Screenshot 2024-06-19 at 4 53 07 PM
muirs commented 2 months ago

A possible solution would be to use the @media query option to define a separate set of styles when the viewport gets to a certain size: https://www.w3schools.com/cssref/css3_pr_mediaquery.php