No problem, I will send this over shortly. But if you try adding an image to feature column (no padding) - full widith, no gutter - you will see it no longer goes to full 50% of the screen, it makes the image small - well on mine it don’t work!
I will fire this over now in Blocs 4 (I will do a new one to show)
@Norm Adrians issue is caused by the image size attributes you have added. If the image was scaling up before, it’s not now, remove the size attributes and it displays as it should. I think in my test prior, my image was a lot larger than Adrian is using here, so it wasn’t evident.
@AdieJAM Probably use a larger image if you are going full screen width like that.
When setting image dimension attributes for both width & height, from memory I recall you also need max-width:100% + height: auto to maintain the image apect ratio.
In Blocs 4 this would automatically do this, but now guessing its a Manual thing in Blocs 5. As long as I know, this is cool.
@Norm : For general users and myself, I would like it if this could get back to how it was in Blocs 4, as the Bloc in the menu now requires a class to make it work.
Yes, but Lighthouse PageSpeed will now flag your images unless you define the width and height of each image, but then unless you add max-width:100% + height: auto, your images can distort. The solution is to add both.
Browsers perform better when the dimensions of every image is defined, otherwise browsers have to download each image before figuring out how to build the page layout.
This is a great new auto feature and a genuine contribution to Blocs5 building faster and better web sites.
Google now puts a cross against sites that don’t apply image width and height attributes in the HTML, hence the recent change. I am planning on refining this some more in the next beta, but it’s unlikely it’ll go backwards, unfortunately web tech is always moving forwards.
What I will do is put together a few knowledge base posts that should be helpful.
You can always apply your own width and height attributes for the images to prevent Blocs adding them using the custom data attribute features.
Is this the same for Landscape and Portrait?
or do we add
Landscape Example: add max-width:100% + height: auto
Portrait Example: add max-height:100% + width: auto