I’m trying to practice trendy webdesign, which (sadly) includes huge images simply stacked and then there’s some non-informative market-driven word in the center of the image. I absolutely loath, detest and despise this trend BUT what the heck can I do, right? What can anyone.
My question: I’m using a static page as a front page for my site and all content in one container. On the front page I have sections, each of which have a different image.
Use the section’s background to have the image and the playing field is then free for other content positioning. Set the bgimages to 50% 50% so that the essential always stays in view when scaling viewport.
The links in the middle? Aligned middle text and applied a top-margin to the p element wrapping the a element within .generate-sections-container.