An experiment to learn design differences and implications for different responsive breakpoints while taking the mobile-first design and development approach
For this, a food ordering app layout was designed in Figma. After that, the design was coded using bootstrap for the smallest screen size first and then design decisions were made to make it look different on the largest screen size.
Figma Board:
Made only using bootstrap classes without any custom css to observe how the implementation of classes differentiate for mobile and laptop.