Course Hive
Search

Welcome

Sign in or create your account

Continue with Google
or
21. CSS Rows And Columns - Full stack web development Tutorial Course
Play lesson

Full Stack Web Development Tutorial Course - 21. CSS Rows And Columns - Full stack web development Tutorial Course

4.0 (3)
36 learners

What you'll learn

This course includes

  • 26.3 hours of video
  • Certificate of completion
  • Access on mobile and TV

Summary

Keywords

Full Transcript

In this FullStackWebDevelopment tutorial video, We are going to learn about creating our own custom #rows and #grid system #CSS to place our elements easily in our page. The CSS Grid Layout Module offers a grid-based layout system, with rows and columns, making it easier to design web pages without having to use floats and positioning. A grid layout consists of a parent element, with one or more child elements. An HTML element becomes a grid container when its display property is set to grid or inline-grid. All direct children of the grid container automatically become grid items. The vertical lines of grid items are called columns. The horizontal lines of grid items are called rows. The spaces between each column/row are called gaps. This video illustrates how these row and column properties can be used to place our elements differently on our page by applying different attributes to it making it more flexible. ---------------------------------------------------------- Week 1: Day 4 Section 3: Intermediate CSS Tutorial 21: Rows & Columns ---------------------------------------------------------- Do subscribe and hit Bell Icon ---------------------------------------------------------- Follow us in social media handles for opportunities and code related support. Instagram: https://www.instagram.com/wb.web/ Facebook: https://www.facebook.com/wbweb/ Twitter: https://twitter.com/wbweb_in/ LinkedIn: https://www.linkedin.com/company/wbweb/ Be our Exclusive student / Patreon to receive Exclusive Coding Tips and Freelancing opportunities Patrons: https://www.patreon.com/wbweb ---------------------------------------------------------- Got a question on the topic? Please share it in the comment section below and our experts will answer it for you. For more information, please write back to us at [email protected] or call us at IND: 7077568998 After completing the course, write to [email protected] for an internship or Full stack web development based freelancing opportunities. For consultation or partnership, related queries drop a mail to [email protected].

Course Hive

Continue this lesson in the app

Install CourseHive on Android or iOS to keep learning while you move.

Related Courses

FAQs

Course Hive
Download CourseHive
Keep learning anywhere