Home My space log
Language EN (English)

Flexbox

Intermediate alien Difficulty 3/5 Resource list Stop 15 / 166 ages 11-13

A free resource picked by the open-source community. Open it to see what's inside.

Start the guide

Your guide

AI-written overview

What is it?

Flexbox is in our Front-End Development group, a long list of tools and resources for building the part of a website that people see and click. We only know the title, short description and level from our list.

Is it for me?

It is for people who want to build web pages. Many items are Intermediate, so some web basics help. It suits about age 11-13 and up, and the beginner items are the best start.

Grown-ups: many of these are tools for developers. Look at the page first and help with installs.

How to start

  1. Start with the Beginner items if you are new to web pages.
  2. Open the original site with a grown-up and read the first page.
  3. Try one small change, like a colour or a heading, and see it in the browser.

How much time?

Plan about 55 minutes at a time over about 6 sessions. (estimate)

55 min per session 6 sessions estimate

A plan you can follow

  1. Day 1 30 min Look at what the tool does and try the very first example.
  2. Week 1 45 min Build a tiny page.
  3. Week 2 60 min Add one new feature, like a button.
  4. Week 3 60 min Share the page with a friend or family member.

Times are estimates. Go at your own speed.

Go to the learning site

You are about to leave our site to visit Flexbox on another website. We don't control that site. Ask a grown-up before you go. Check the original for details. This site may not be in your language. Your browser can translate the page: look for the translate button near the address bar, or ask a grown-up to help.

You are leaving our site

Grown-ups: this link goes to a site we do not control and have not reviewed beyond its listing. Please look at it first.

Go to the learning site (opens the original site in a new tab)

https://github.com/afonsopacifer/awesome-flexbox#readme

On another site. From the list: sindresorhus/awesome · License: CC0-1.0 · Front-End Development

How to learn from a GitHub project or list

Your path through Web development

Stop 13 Canvas Resource list Stop 14 CSS Resource list Stop 15 Flexbox Resource list Stop 16 HTML5 Resource list Stop 17 SVG Resource list Stop 18 Web Accessibility Resource list Stop 19 Web Animation Resource list

Explore next