Responsive My Skills Section Using Only HTML & CSS

How to Create a Responsive My Skills Section With a Cool Hover Effect Using HTML & CSS (Using CSS Grid) | HTML & CSS Tutorials

This is my first HTML & CSS tutorials, So subscribe for more tutorials like this one !

In this Tutorial, I will show you how to create a responsive my skills section using css grid with a cool hover effect.

Don't forget to LIKE, SUBSCRIBE and Share the video!

Enjoy!

[tylermoody]

Instead of doing a grid, you can add the following code to the container class.
Get rid of display: grid; and the grid layout.
Add this code to container.
display: flex;
flex-direction: row;
justify-content: space-around;
flex-flow: wrap;


By doing this you eliminate the need to do media queries .

[sapnasingh-lmwk]

hey from where you got that svg icon of languages

[MegaDanidc]

i am following allong, but my problem is i have my landind page done i want this to go in my skills section, how do i get it down
thank you

[Slayvantz]

This is very nice and I enjoyed following along. My sections don't appear to be as big as yours though, would love the github code so I can compare it. Thanks!

[bertk]

hey man how did you get so good at css?

[asfand]

It's nice yeah but useless since there is no source code. What am I meant to do pause every 5 seconds and manually type it all?