Inflearn brand logo image
Inflearn brand logo image
Inflearn brand logo image
Programming

/

Web Development

30-minute summary lecture season 5: Aljal-tak-kal-sen flex & grid

Know it! Well! Just! Neatly! Sensefully! This is a free lecture from the book Flex & Grid. You can use the open source link, the book, and the Notion link for free. This is a non-profit project, so using the textbook is possible without permission.

(4.9) 34 reviews

1,511 learners

HTML/CSS
Responsive Web
Flex
Thumbnail

Reviews from Early Learners

What you will learn!

  • Flex

  • Grid

  • Holy Grail Layout

  • Please understand that the volume and sound quality of each lecture video may vary due to differences in recording environments.

Flex & Grid Cheat Sheet Web Service

"Flex&Grid practice, cheat sheets, and PDF materials all in one place!"

flexngrid.com

Go to e-book >>

Introducing the Knowledge Sharer ✒️

Knowledge Sharer | Choi Soobin

One-Line Introduction | As a junior developer, I consistently produce development content through my blog and YouTube to help even beginners easily access core front-end concepts.

Knowledge Sharer | Kim Ye-ji

One-Line Introduction | I enjoy acquiring diverse and new knowledge and the process of documenting it . As a junior developer, let's learn together, communicate , and diligently grow to build a solid foundation.

Knowledge Sharer | Jang Hyo-sun

One-Line Introduction | I'm a front-end developer with a passion for documentation and knowledge sharing. I'm a document nerd who enjoys writing, and I run a blog .

Knowledge Sharer | Jaejun Ryu

One-line introduction | I'm a junior developer with a keen interest in the world and people. I hope the code I lovingly caress will be widely used for the public good. I hope to communicate with you through my blog , Subtle Code Lawn , and social media .

Knowledge Sharer | Heo Ji-hyun

One-Line Introduction | I'm Heo Ji-hyun, director of Coham's Front-End Kindergarten . I produce videos that are helpful to anyone who aspires to become a front-end developer.

Knowledge Sharer | Hongryeol Lim

One-Line Introduction | I'm a junior developer, always ready to adapt in a rapidly changing world. I hope to connect with many people and spread positive influence.

Knowledge Sharer | Yeo So-hee

One-Line Introduction | I'm a junior developer who constantly thinks about the direction of growth through metacognition. I want to share knowledge, communicate, and grow together through my blog.

Knowledge Sharer | Lim Da-hyun

One-Line Introduction | I'm a junior developer striving to create a more convenient world for everyone. I want to share the joy of growing together.

Introduction to Coding, Must-See
Do it right, neatly and with sense!

We provide a three-part combo of web services, free e-books, and video lectures as free open source.

Flex? Grid?

Flex and grid are modern layout techniques used in CSS.
Flex is often used for one-dimensional (one direction of the X or Y axis) layouts, while grid is often used for two-dimensional (both directions of the X and Y axes) layouts.

  • ✅ Let's easily understand the representative components of flex and grid using web page layout as an example.
  • ✅ We provide a Holy Grail layout tutorial that allows you to draw various layouts as well as basic usage.
  • ✅ We also recommend this for those who want to print out only the sections they need. We provide PDF files. (The lecture materials are free to use.)

Check out the Q&A! ✍️

Q. There are multiple knowledge sharers. Is the instructor different for each class?

This video was recorded by contributors to the open-source project "Flex & Grid." Please understand that volume and quality may vary due to differences in recording environment.

Q. I'm not a complete beginner with Flex/Grid. How can I best utilize this course?

You can view only the sections you want. Access the Flex & Grid web service and we'll provide a cheat sheet. You can click around and only watch the lectures for the parts you're unsure about. (Since each chapter has a different instructor, we don't recommend watching the entire lecture from top to bottom.)

Jeju Coding Base Camp
30-Minute Summary Lecture Series 📺

Recommended for
these people

Who is this course right for?

  • For those new to Flex and Grid

  • For those studying layout

Need to know before starting?

  • HTML

  • CSS

Hello
This is

101,898

Learners

2,475

Reviews

163

Answers

4.8

Rating

80

Courses

소개 이미지.png.webp

 

🧙‍♂ 안녕하세요. 제주코딩베이스캠프입니다.

제주코딩베이스캠프란?

 

 

제주에서 가장 핫한 개발자들이 모여 작당한 부트캠프! 열정있는 청년들에게 열정만큼 성장할 수 있는 기회를 제공합니다!

제주코딩베이스캠프는 제주에서 가장 큰 ICT 교육 행사로 카카오, 구름, 제주산학융합원 등 기업 지자체와 함께 진행하고 있습니다.


서비스 구축 성공
경험을 통해 이 취업난 시대에 자신감, 자존감, 성취감, 그리고 자립할 수 있는 능력을 배양해 보세요!

으라차차 청춘 화이팅입니다! 😀

 


 

︎ 제주코딩베이스캠프 로드맵

제코베 로드맵.png.webp

 

︎ 제주코딩베이스캠프 수료증 제도

 

- 1.png.webp

 

Curriculum

All

25 lectures ∙ (1hr 55min)

Course Materials:

Lecture resources
Published: 
Last updated: 

Reviews

All

34 reviews

4.9

34 reviews

  • 봉실봉실님의 프로필 이미지
    봉실봉실

    Reviews 6

    Average Rating 5.0

    5

    100% enrolled

    감사합니다~ 헷갈렸던 부분들 정립과 그리드시스템 새로 알게되었습니다. 감사합니다!!

    • 아라레님의 프로필 이미지
      아라레

      Reviews 214

      Average Rating 5.0

      5

      8% enrolled

      좋은 강의 감사합니다!

      • minji9873님의 프로필 이미지
        minji9873

        Reviews 2

        Average Rating 5.0

        5

        56% enrolled

        강의 시간이 짧아서 공부하기에 부담이 없고, 그에 비해 설명은 자세하게 해주셔서 머리에 쏙쏙 들어왔습니다.

        • ik sang Lee님의 프로필 이미지
          ik sang Lee

          Reviews 4

          Average Rating 5.0

          5

          100% enrolled

          개념을 확고히 해주는 유익한 강의였어요. 고맙습니다.

          • 규몬님의 프로필 이미지
            규몬

            Reviews 1

            Average Rating 5.0

            5

            12% enrolled

            오우야드평

            Free

            jejucoding's other courses

            Check out other courses by the instructor!

            Similar courses

            Explore other courses in the same field!