This Blueprint is a responsive product grid layout with comparison functionality. A maximum of three items can be selected for the product comparison. The comparison view shows flexbox-powered columns or rows (depending on the viewport size) that appear with a slide-in effect. There are a couple of example media queries for smaller viewports.
Tags: #Animation, #Code, #Comparison, #CSS, #CSS3, #Flexbox, #Grid, #HTML, #HTML5, #Javascript, #Layout, #Resource, #Responsive, #Transition, #Tutorial, #Web Design, #Web Development