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

/

Web Development

Learn CSS Flex & Grid Core Features with 13 Examples

Theory is only the core, quickly. Let's learn with real code, not our text! Flex and Grid that you will naturally become familiar with through repeated learning! 😎 (HTML5 Self-Study White Paper, CSS3 Self-Study White Paper Author's Direct Lecture)

(4.9) 18 reviews

125 learners

  • erumcoding
HTML/CSS
Flex

Reviews from Early Learners

What you will learn!

  • CSS Flex Layout

  • CSS Grid Layout

  • How to write CSS media queries

  • How to Use Font Awesome & Google Web Fonts

CSS, now for real!
Complete complex Flex & Grid tasks in one go.

Lecture Topics 📖

Master the basics of core functions!

  • Quickly learn the core theories of CSS's layout-specific features, Flex, and Grid, all in one place!
  • Follow along with practical examples to learn how to use Flex and Grid when creating layouts!

Why should I take this course? 🚀

I know the theory, but I can't make it the way I want 😥

Flex and Grid features require a large number of properties to memorize, and even their appearances are similar. Consequently, many people understand the function of these properties upon hearing or seeing them, but are unsure how to actually create the layout they envision using Flex and Grid.

For those of you who find yourself lost somewhere between basic and practical project creation, this course is perfect for you. By following the practical examples, you'll quickly get the hang of it.

Yes? I want to become a web developer.

When I counsel friends preparing for employment or a career change, or just getting started with programming, I often find that they overlook "design." I often get asked, "Don't developers need to know HTML and CSS?"

I often compare developers to farmers. If development is like growing apples, then the services I develop are the apples I sell to consumers. Creating layouts is like packing apples into boxes. Developers should at least be able to package their products as intended!


Lecture Features ✨

  • From A to Z! A quick overview of the core features of Flex and Grid.
  • Covers the fundamentals of core features through hands-on examples .

After taking this course 📜

Do I have to memorize all of this? 😱

One of the most common questions I've heard while teaching Flex and Grid is whether students need to memorize all the features. After taking this course, you'll realize that you don't need to memorize or use every feature to create anything you envision with Flex and Grid layouts!

If you understand the core functions well, you can easily and simply create the layout you want without writing a lot of code!


Expected Questions Q&A 💬

Q. Is this a course that non-majors can also take?

A. Yes! HTML and CSS can be easily learned even by non-majors, middle school students, and high school students. However, you should first take the basic HTML and CSS courses. These courses are available for free on the YouTube channel "Developer Lee Do-hae" !

HTML5 & CSS3 Basic Grammar All-in-One
Learn the basics of the web quickly and easily

Q. Why do you focus on practicing only core functions?

A. Having taught countless students, I've found that rather than showing one example for each of the ten functions, it's much more effective to focus on the three or fewer core functions necessary to handle those functions and have them practice three to four examples for each. This course aims to achieve the same goal, so I've structured the class so that students can focus on practicing the core functions that will allow them to immediately translate their thoughts onto the screen after class.

Q. What level of content is covered in the class?

A. If the difficulty level is divided into beginner, basic, intermediate, and advanced, this is the basic level.


Introducing the Knowledge Sharer ✒️

Lee Do-hae

I am a full-stack developer and programming instructor.

  • Author of "HTML5 Self-Study Guide"
  • Author of "CSS3 Self-Study Guide"
  • Author of "JavaScript Self-Study Guide"

A sneak peek at a practical example 😎

Direct lecture from the author!
Let's check out the books together.

HTML5 Self-Study Guide (Click)
CSS3 Self-Study Guide (Click)

Recommended for
these people

Who is this course right for?

  • For those who have just finished studying basic HTML & CSS grammar

  • For those who want to experience Flex & Grid hands-on examples

  • For those who need layout practice before creating a portfolio

  • For those who want to finish complex Flex & Grid in one go

Need to know before starting?

  • HTML Basic Grammar

  • CSS Basic Grammar

Hello
This is

4,438

Learners

161

Reviews

30

Answers

4.9

Rating

7

Courses

이룸코딩 ErumCoding

함께 꿈을 코딩해요! 🚀

Curriculum

All

50 lectures ∙ (3hr 48min)

Published: 
Last updated: 

Reviews

All

18 reviews

4.9

18 reviews

  • coachmsoox2658님의 프로필 이미지
    coachmsoox2658

    Reviews 1

    Average Rating 5.0

    5

    8% enrolled

    Sẽ rất tốt nếu tiếp tục nghe sau khi nghe bài giảng cơ bản. Sẽ thật tuyệt nếu có mức độ khó tiếp theo để nghe sau khi nghe bài giảng này.

    • gangsugi5753님의 프로필 이미지
      gangsugi5753

      Reviews 21

      Average Rating 5.0

      5

      100% enrolled

      Tôi biết nó ở một mức độ nào đó, nhưng tôi tự hỏi liệu mình có bỏ lỡ điều gì mà tôi không biết không, vì vậy tôi đã nghe nó và nó rất hữu ích. Lời giải được giải thích từng bước nên không hề nhàm chán và tôi rất thích nghe. Đó là một bài giảng hay ^^

      • roykean19930688님의 프로필 이미지
        roykean19930688

        Reviews 34

        Average Rating 5.0

        5

        100% enrolled

        Các bài giảng khác nhàm chán và khó hiểu nên tôi đã nghĩ rất nhiều đến việc từ bỏ việc trở thành nhà phát triển web, nhưng nhờ có thầy, Cảm ơn bạn chúc bạn học vui vẻ

        • kkkh07129094님의 프로필 이미지
          kkkh07129094

          Reviews 11

          Average Rating 5.0

          5

          80% enrolled

          Dễ học css

          • zd님의 프로필 이미지
            zd

            Reviews 6

            Average Rating 5.0

            5

            100% enrolled

            Tôi nghe rõ lắm.

            $26.40

            erumcoding's other courses

            Check out other courses by the instructor!

            Similar courses

            Explore other courses in the same field!