Create a Center-Focused Features Section

Learn how to create a features section that includes text on either side of a centered image element. We'll use CSS Grid to layout the section, a background image to make it really stand out, and a little JavaScript for some interactivity. I also talk about CSS Grid strategy and some little tips and tricks to help you create amazing layouts with plain old CSS.

Code on Codepen


Inspiration for the project


drop-shadow() filter on MDN


------------------------------------------------------------------------------------

Like this video? Please give it a thumbs up! Subscribe to my channel to get notifications when new videos are posted.

------------------------------------------------------------------------------------

Connect with me on Twitter
(@brianhaferkamp)

HTML,CSS,CSS3,CSS Grid,CSS Grid Layout,tutorial,website,web design tutorial,website tutorial,features,codepen,drop-shadow,css filter,css filters,image filters,