learn.json

{
	"title" : "Simple Instagram Photo Feed with HTML/CSS",
	"slug" : "instagram-feed",
	"status": "published",
	"translations": ["es", "en"],
	"difficulty": "beginner",
	"solution": "https://bitbucket.org/codingacademy/instagram-without-bootstrap",
	"duration" : 6,
	"description" : "Very simple instagram simulation to understand the basics of CSS and HTML5 and how to use them together to create a website.",
	"preview": "https://github.com/breatheco-de/exercise-instagram-feed/blob/master/preview.gif?raw=true",
	"technologies": ["html", "css", "flex-box", "layouts", "css-grid", "html/css"],
	"talents": [
		{ "badge": "identator", "points": 10 },
		{ "badge": "tag-master", "points": 10 },
		{ "badge": "path-master", "points": 10 },
		{ "badge": "select-everything", "points": 10 },
		{ "badge": "be-dry", "points": 10 },
		{ "badge": "abc", "points": 10 }
	],
	"video-id": "0UrDxsUjF4U",
	"timeline":[
		{"seconds": "1","description": "Introduction"},
		{"seconds": "77","description": "Configuring the project"},
		{"seconds": "115","description": "Creating the index.html structure"},
		{"seconds": "230","description": "Connecting the styles.css"},
		{"seconds": "292","description": "The post header, image and description"},
		{"seconds": "572","description": "Removing the header top margin"},
		{"seconds": "640","description": "Centering the website"},
		{"seconds": "811","description": "Padding for text separation"},
		{"seconds": "896","description": "Using display inline-block"},
		{"seconds": "1336","description": "Last little details"}
	],
    "autoPlay": false,
    "projectType": "project"
}