[SOLVED] Help with Flexbox images

I’m working on the Product Landing Page (from Beta) and trying to get my images to sit next to each other but they are displayed as a column. I can’t figure out what I’m doing wrong. I would really appreciate it if someone could take a look and help me out. Thanks!

display:flex should be in the parent div of the elements you want to move around. You currently have it in .responsive. Move it up one level to the <div id="flavors">

Thanks for responding amit. Unfortunately, this didn’t work either. I’m not sure what I’m missing but I’ve been struggling with this for a couple of days.