Responsive Views (Using Flex)
Project makes use of the flex function in the display property of CSS view option. In addition image responsiveness was achieved via media query and adjusting the height and width depending on the screen size.

Features

  • Buttons - Major button class is [.btn] (Bullet, circle, rounded, and normal)
  • Card - (card-img, card-title, card-content, and card-link)
  • Colors - (text-color and background-color)
  • Shadow - (shadow-1, shadow-2, and shadow-3)
  • Row - Helps with multiple cards and responsiveness
  • Col - Column Grid system ranging from 1 to 12
Nature
Nature

Lorem ipsum dolor sit amet consectetur adipisicing elit. Eaque non magnam ab sunt minus quisquam, in consequatur a ipsa ipsam! Ut id velit fuga maxime eos, voluptatem unde dicta nisi ipsa earum. Ea vitae id laboriosam, mollitia earum voluptatibus laborum?

Nature
Nature

Lorem ipsum dolor sit amet consectetur adipisicing elit. Eaque non magnam ab sunt minus quisquam, in consequatur a ipsa ipsam! Ut id velit fuga maxime eos, voluptatem unde dicta nisi ipsa earum. Ea vitae id laboriosam, mollitia earum voluptatibus laborum?

Nature
Nature

Lorem ipsum dolor sit amet consectetur adipisicing elit. Eaque non magnam ab sunt minus quisquam, in consequatur a ipsa ipsam! Ut id velit fuga maxime eos, voluptatem unde dicta nisi ipsa earum. Ea vitae id laboriosam, mollitia earum voluptatibus laborum?

Nature
Nature

Lorem ipsum dolor sit amet consectetur adipisicing elit. Eaque non magnam ab sunt minus quisquam, in consequatur a ipsa ipsam! Ut id velit fuga maxime eos, voluptatem unde dicta nisi ipsa earum. Ea vitae id laboriosam, mollitia earum voluptatibus laborum?

Nature
Nature

Lorem ipsum dolor sit amet consectetur adipisicing elit. Eaque non magnam ab sunt minus quisquam, in consequatur a ipsa ipsam! Ut id velit fuga maxime eos, voluptatem unde dicta nisi ipsa earum. Ea vitae id laboriosam, mollitia earum voluptatibus laborum?

Nature
Nature

Lorem ipsum dolor sit amet consectetur adipisicing elit. Eaque non magnam ab sunt minus quisquam, in consequatur a ipsa ipsam! Ut id velit fuga maxime eos, voluptatem unde dicta nisi ipsa earum. Ea vitae id laboriosam, mollitia earum voluptatibus laborum?