Recipe description text: will not resize as the device size goes from desktop to tablet to mobile.
Solutions tried & failed:
resized index.css h1 to 1em from 3.2em = no effect;
deleted index.css from working folder = blank screen instead of showing header with search bar, logo, background image, and recipe description text
inserted css inline style in h1 tag = no effect
commented out :root styles = no effect
moved h1 outside of search-bar-container class = text does not resize, however, it's not so squished
changed h1 in App.css from 2em to 1em = no effect
changed background-size from cover to contain = background stacks instead of filling the container just once
Recipe description text: will not resize as the device size goes from desktop to tablet to mobile.
Solutions tried & failed: resized index.css h1 to 1em from 3.2em = no effect; deleted index.css from working folder = blank screen instead of showing header with search bar, logo, background image, and recipe description text inserted css inline style in h1 tag = no effect commented out :root styles = no effect moved h1 outside of search-bar-container class = text does not resize, however, it's not so squished changed h1 in App.css from 2em to 1em = no effect changed background-size from cover to contain = background stacks instead of filling the container just once