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

/

Web Development

CSS Layout - flex & grid

This is a lecture where you can learn the concepts and usage of flex and grid, the leading CSS layout technologies.

(5.0) 58 reviews

1,589 learners

  • uknow
HTML/CSS
Flex

Reviews from Early Learners

What you will learn!

  • CSS Layout

  • Flexbox

  • Grid Layout

For those of you who want to create a responsive web,
Should I start learning flex & grid properly? 😁

A simple summary of essential skills
CSS Layout Tutorial 📖

We've compiled the latest CSS layout techniques to neatly organize web page elements to provide users with visual satisfaction and to change the page layout depending on the size of the device or screen.

In order to make it easy for anyone with HTML/CSS experience to study, the content is organized around the essential key concepts . This course focuses on helping you acquire the basics needed to create a responsive web without investing a lot of time.

After taking this course, you will:

  • 👉🏻 You can understand the concept of CSS layout.
  • 👉🏻 You can create web pages with excellent accessibility and readability by utilizing layout technology.
  • 👉🏻 You can learn the layout skills needed to create a responsive web.


What you will learn in this lecture 💪

Concepts and usage of modern CSS layout techniques

You can understand flex and grid, which are leading modern CSS layout technologies.

How to handle layout elements

Learn a variety of layout skills, including how to position and align elements.


Before taking the class, please check the instructions 🔍

First, you need to know HTML and CSS!

This course was created to provide supplementary lessons to students who have taken existing free courses at Unocoding.
You can also refer to the lectures on Inflearn or Unocoding YouTube channel.
If you have previous HTML and CSS learning experience, you can take the course right away!

Second, please prepare the following items!

  • 💻 Computer
  • 💻 Code editor (We use Visual Studio Code in class.)
  • 💻 Typing skills (slow speed is okay)

Third, I will let you know in advance before taking the class!

Most of the videos feature scenes of writing code, which can be boring, so I sped it up . Therefore, if you are following the coding practice, please proceed with the practice while utilizing the pause function.

Recommended for
these people

Who is this course right for?

  • People who want to improve their CSS skills

  • People interested in CSS layout techniques

Need to know before starting?

  • HTML

  • CSS

Hello
This is

17,917

Learners

913

Reviews

31

Answers

5.0

Rating

7

Courses

개발자 출신 십잡스 크리에이터.
프로그래밍 강사 겸 작가로 활동하고 있습니다.
유튜브 <유노코딩> 채널 운영 중입니다.

 

배움의 과정에서 겪는 불필요한 고통들이 사라지길 바라고, 또 그래야만 한다고 믿습니다.
경험자의 진정성과 경험을 나누면 고통은 줄어들 수 있습니다.

 

저의 모든 강의 콘텐츠에서 그런 마음을 느끼실 수 있도록 노력하겠습니다.
많은 분들이 코딩을 재미있게 느끼고, 단순하게 이해할 수 있도록 돕기 위해 항상 노력하고 있습니다.

 

감사합니다^^

Curriculum

All

16 lectures ∙ (1hr 56min)

Course Materials:

Lecture resources
Published: 
Last updated: 

Reviews

All

58 reviews

5.0

58 reviews

  • 도전자2님의 프로필 이미지
    도전자2

    Reviews 7

    Average Rating 5.0

    5

    31% enrolled

    • 최쑤님의 프로필 이미지
      최쑤

      Reviews 5

      Average Rating 5.0

      5

      63% enrolled

      • ljy329s님의 프로필 이미지
        ljy329s

        Reviews 11

        Average Rating 5.0

        5

        31% enrolled

        👍👍이해가 잘됩니다

        • 채근형님의 프로필 이미지
          채근형

          Reviews 5

          Average Rating 5.0

          5

          31% enrolled

          역시 유노코딩 킹왕짱

          • 힌호랑이님의 프로필 이미지
            힌호랑이

            Reviews 19

            Average Rating 4.8

            5

            100% enrolled

            나에게 flex와 grid를 알게 해줌

            Free

            uknow's other courses

            Check out other courses by the instructor!

            Similar courses

            Explore other courses in the same field!