Hi! I am working on the section “more blogs” on the page Beauty Tips.
Could you help me figure out how to even out the white space on the right and left side?
We want the image to line up with the beginning of the title, so they both need to be right aligned. I can’t just add padding on the left side, because that won’t look even across different sized mobile devices.
Hello Ashley,
Thanks for writing in!
You can do the following:
1.) Remove the left and right margins and padding in your Section element.
2.) Set the left and right padding in your Row element to 20 pixels.
3.) You will have to add a 20 pixel Gap Width and Gap Height in your Row element settings.
4.) The Flexbox vertical alignment of the Row element should be set to Start.
5.) The Maximum width of the images especially on smaller screens should be set to none. At the moment, you have set it to 80%.
Please check out the demo link in the secure note below.
Best Regards.
This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.
