Tired of looking at the previous design, I pulled up one of the first pattern ideas I had about a year ago and recreated it with the latest design tools:
Therefore, I went back to the drawing board. Plus, I am stubborn enough to keep trying something until it magically works. That was until I dove back into it this week (I will get to this later). However, I ran into issues with this but did not understand why. It uses the content alignment matrix control for the Cover block combined with a set width on an inner Group block. It was also the simplest to implement without resorting to hacking columns. My gut was telling me that my preferred solution was the right one. It feels like a hack that we should not be teaching users. Still, it is not the most intuitive method and leaves an empty in the HTML for no good reason. Hat tip to him for finding a way to work within the system. However, as noted by Andrew Starr in the comments, setting a specific width for the left column and clearing the width for the right-side column addresses this issue. One of the most common methods is to use a 50/50 Columns block, leaving the right column empty. However, neither of the two known techniques seemed to be ideal. This would allow the focal point of the background image to shine through on the right. I had planned to create a layout with a left-aligned Group with a maximum width, as shown in the following screenshot: I was slightly frustrated last week when sharing a tutorial on a hero-style post header.
0 kommentar(er)
