https://github.com/shivamsouravjha/bootstrap-shape-shifter

Bootstrap shapes
https://github.com/shivamsouravjha/bootstrap-shape-shifter

bootstrap-grid hacktoberfest painting shape

Last synced: about 1 month ago
JSON representation

Bootstrap shapes

• Host: GitHub
• URL: https://github.com/shivamsouravjha/bootstrap-shape-shifter
• Owner: shivamsouravjha
• Created: 2020-09-29T15:01:51.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2020-10-03T11:52:35.000Z (over 4 years ago)
• Last Synced: 2024-11-11T12:19:14.969Z (3 months ago)
• Topics: bootstrap-grid, hacktoberfest, painting, shape
• Language: HTML
• Homepage: https://shivamsouravjha.github.io/BOOTSTRAP-shape-shifter
• Size: 11.7 KB
• Stars: 3
• Watchers: 1
• Forks: 9
• Open Issues: 5
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# BOOTSTRAP-shape-shifter

# AIM

Recreate a painting using Bootstrap's grid

# Describe

In this project you will practice using the fundamentals of Bootstrap grid by piecing together a famous painting, namely Piet Mondrian’s Composition II in Red, Blue, and Yellow:

![img](https://content.codecademy.com/courses/learn-bootstrap-4/grid-project/Composition%20II.png)

# Actions

The column’s height and colors, and the container’s height and width, are already included in style.css. Your goal is to recreate the painting by:

using the existing container.

unscrambling the order of the provided columns.

adjusting the widths of the provided columns.

adding new rows and additional columns.

nesting row(s) inside columns.

Here, as we click on a container it starts changing it's shape and size.