Hello. Some more newbie questions. I’m roughing out a simple layout (using Foundation) which includes a Top Bar, a Header (with a background color selected) and then an Image (using Impact). I can’t figure out why when I drop the three elements into a clean page I’m ending up with space between the Header and the Impact Stack image (see attached). I can add some padding to the Header to fill in this empty area but then my line of text isn’t centered vertically. So I guess my question in two parts is 1) why am I getting this gap? 2) is there any way to manipulate my header text so I can keep it centered in its box?
And as a third question, is there anything I can do to keep the header text aligned with the TopBar Menu site name? If I drop everything into a 1 Column Stack the Site name and the Header text are both responsive (though still not aligned) but then I lose the edge to edge browser look that I’m trying to achieve.
Coming from iWeb and used to WYSIWYG so sorry if this stuff is obvious. Thanks.