Two Column Layout: Boxed Content Overlapping Image stretched to Edge of Screen
In this video, we first apply the techniques we learnt in a previous video to overlap two columns where one remains within the boxed area and the other is stretched to the edge of the viewport.
We take it a step further by applying an overlap between the two columns.
|| Custom CSS:
https://daveden.co.uk/tutorials/advan...
|| Recommended Watch
Pt1 - 50/50 Split: • Elementor Layout Tutorial: Two-Column Desi...
Pt2 - 70/30 Split: • Two-Column Layout in Elementor with 70/30 ...
Subscribe for more Elementor and Bricks tutorials:
🔗 https://davedens.link/subscribe
► Support my channel ◄
Buy me kofi - https://davedens.link/kofi
Donate on PayPal - https://davedens.link/paypal
► Connect with me: ◄
📺 Subscribe: / @daveden2
👍 Facebook: / daveden2
🐦 X (formerly Twitter): https://x.com/Daveden2
🌐 Website: https://daveden.co.uk/
► Recommended Tools (Affiliate Links - Support the Channel!) ◄
🔗 Elementor Pro - https://davedens.link/elementor
🔗 Dynamic Shortcodes - https://davedens.link/dsh
🔗 Crocoblock JetEngine - https://davedens.link/jetengine
🔗 Bricksbuilder - https://davedens.link/bricks
🔗 WDesignKit - https://davedens.link/wdkit
🔗 Epidemic Sounds - https://davedens.link/sounds
🔗 Hostinger: https://davedens.link/hosting
|| TIMESTAMP
=============
0:00 Intro
0:37 The initial design
2:05 Creating the two-column layout
17:00 Adding the alignment and overlap
23:48 Adjusting for mobile responsiveness
26:21 Conclusion
#flexbox #elementor #stretchedimage #boxedcontent