Breakpoints are pre-defined areas of measurements that allow you to rearrange your element dependent on the size of the browser. You can add breakpoints where certain parts of the design will behave differently on each side of the breakpoint. Use a media query to add a breakpoint at 768px.