DEV Community ๐Ÿ‘ฉโ€๐Ÿ’ป๐Ÿ‘จโ€๐Ÿ’ป

Cover image for Roller coaster journey to learn CSS responsive layout course by Kavin Powell.
๐Ÿšฉ Atul Prajapati ๐Ÿ‡ฎ๐Ÿ‡ณ
๐Ÿšฉ Atul Prajapati ๐Ÿ‡ฎ๐Ÿ‡ณ

Posted on • Originally published at atulcodex.com

Roller coaster journey to learn CSS responsive layout course by Kavin Powell.

CSS Responsive layout, So finally I have completed the โ€œconquering responsive layout by Kevin Powellโ€.

Enroll Now

The course is totally free of cost, yehhh you donโ€™t have to spend a single $ on it. Actually, this is not a course like others once It is a 21 day CSS responsive layout challenge. Twitt โ€œbig thanksโ€ to Kevin he is active on Twitter and yes after enrolling in the course you will get access to a huge community of developers, newbie developers, and serious learners on the Discord server.

21 day CSS responsive layout challenge

Enroll Now

If you donโ€™t know about Kevin, I would suggest you just google his name โ€œKevin Powellโ€. Actually, Kevin is a well-reputed instructor on the internet. He has more than 400K students on YouTube.

It means you donโ€™t have to judge instructor skill level.

Prerequisite to learn CSS responsive layouts

You should know the basics of HTML and CSS to learn and understand CSS responsive layouts.

How to make a responsive layout?

Making responsive layouts is a little confusing for newbie developers. I follow the โ€œDESK HTML + MOBILE CSS + DESK HTMLโ€ formula for CSS responsive layouts. It means first of all design HTML structure for desktop(big) screen, second step CSS styling for mobile-first screen and then the last step I write media queries for desktop(big) screen devices. Iโ€™m using this formula for my all responsive design layouts and it works also.

In this free CSS responsive layout course, you will get lots of different CSS codepen projects and challenges to make strong memory muscles.

Now letโ€™s talk about the syllabus of the course. So in this course or 21 days challenge, you will learn the following topics:

  • How to use percentages and avoid CSS heights property for responsive layout.
  • Whats is relative units in CSS.
  • In depth guide about max-width
  • How to use FlexBox for responsive layouts
  • Responsive navigation bar
  • Media queries for different devices
  • Viewport tag importance
  • Responsive mobile navigation
  • Landing page design project

Best course for CSS responsive layout

If you are struggling to design CSS responsive layouts this Free responsive layout course is perfect for you.

Enroll Now

Take a look at the projects which I have completed in this responsive layout course.

I have used my responsive layout skills to design this elegent portfolio website Nihory.

And this is the certificate which you will receive after completing the CSS responsive layout course/challenge. But I suggest you enroll in this course for knowledge instead of a certificate.

CSS responsive layout course - certificate atul prajapati

Now the final call is yours, but I personally enjoyed this course and sharped my Responsive layout skills to the next level and currently practicing to make a nice-looking restaurant website on my own. And still, you have any doughnuts & questions you can ask in the comment section I would love to help you.

Top comments (2)

Collapse
 
preethi_dev profile image
Preethiโšก

Kevin's conquering responsive layout course really supportive to be strong in some subtle concepts and recently i completed these course.

Collapse
 
atulcodex profile image
๐Ÿšฉ Atul Prajapati ๐Ÿ‡ฎ๐Ÿ‡ณ

Great, I love that landing page challenge.

Now I'm feeling very confident in CSS responsive layouts

Tired of sifting through your feed?

Find the content you want to see.

Change your feed algorithm by adjusting your experience level and give weights to the tags you follow.