No video

Responsive layout practice for beginners

  Рет қаралды 104,200

Kevin Powell

Kevin Powell

Күн бұрын

The project I’m working on in this video 👉www.frontendme...
🔗 Links
✅ Frontend Mentor Project from this video: www.frontendme...
✅ VS Code Live Server extension: marketplace.vi...
✅ Windows Power Toys: learn.microsof...
✅ Getting started with Emmet: • Use Emmet to up your H...
✅ Introduction to custom properties: • CSS Variables - An int...
⌚ Timestamps
00:00 - Introduction
00:25 - What we’re going to be working on
01:20 - Opening the project in VS Code
04:00 - Analyzing the layout
07:45 - Writing the HTML
20:10 - Getting the Google font
22:00 - Setting up the custom properties
29:30 - Base CSS styles
33:30 - Styling the wrapper
36:10 - Styling the header
38:56 - Creating the three columns
42:05 - Using locally scoped custom properties
48:10 - Styling the individual cards
1:00:13 - Fixing the header font sizes and weights
1:01:36 - The card image position
1:05:27 - Fixing the layout for mobile
1:07:32 - Removing my columns and using grid-template-areas
#css
--
Come hang out with other dev's in my Discord Community
💬 / discord
Keep up to date with everything I'm up to
✉ www.kevinpowel...
Come hang out with me live every Monday on Twitch!
📺 / kevinpowellcss
---
Help support my channel
👨‍🎓 Get a course: www.kevinpowel...
👕 Buy a shirt: teespring.com/...
💖 Support me on Patreon: / kevinpowell
---
My editor: VS Code - code.visualstu...
---
I'm on some other places on the internet too!
If you'd like a behind the scenes and previews of what's coming up on my KZfaq channel, make sure to follow me on Instagram and Twitter.
Twitter: / kevinjpowell
Codepen: codepen.io/kev...
Github: github.com/kev...
---
And whatever you do, don't forget to keep on making your corner of the internet just a little bit more awesome!

Пікірлер: 150
@nove1398
@nove1398 7 ай бұрын
Videos hardly go in depth like this, maybe for other reasons of course but i would really love to see more detailed videos like this. I definitely recommend this channel for real learning.
@S_U_M_E_R
@S_U_M_E_R 7 ай бұрын
this channels been here for a long time lol what're you talking about?
@morganwey
@morganwey 6 ай бұрын
? ​@@S_U_M_E_R
@nemeziz_prime
@nemeziz_prime 7 ай бұрын
We need more of these project videos Kevin. Your methods to tackle common web dev problems is really amazing and helpful for other devs. It'd be great if you could do more of these videos
@Rubi-fn9uu
@Rubi-fn9uu 7 ай бұрын
I've learnt more in this video than in my 3 years of web development in high school. Thx Kevin!
@iChrisBirch
@iChrisBirch 5 ай бұрын
So many pieces of gold throughout this video for anyone newer to css. Thank you for not editing out the part where you had to change the design and go a different direction!
@111earthangel5
@111earthangel5 7 ай бұрын
Thank you for this awesome video. I recently completed the Responsive Layout Course and I just want to THANK YOUUU. The course has changed the way I tackle building responsive layout designs. Enjoyed it and learnt so much from it. I’m excited and a lot more confident in building my first portfolio project. Would 100% recommend to anyone who hasn’t taken it by now
@mraihan295
@mraihan295 7 ай бұрын
How long did you take to finish the responsive layout course? I was thinking to take the course too
@AlphaPlus9
@AlphaPlus9 7 ай бұрын
At 1:09:44, you have to assign the grid-area in the media query, or it will break on smaller screens. You put them below the .card which puts them in areas that don't exist. Another option is to add: grid-template-areas: 'one' 'two' 'three' 'four'; to .layout-grid.
@acidfreq7
@acidfreq7 7 ай бұрын
God bless you! Thank you!
@KachinVictor
@KachinVictor 4 ай бұрын
Yes, sure! Exactly! Thank you!)) I solved this problem differently, but it turned out too straightforward. You have the best decision!
@user-xp3th5bg2p
@user-xp3th5bg2p 4 ай бұрын
thank you soo much God Bless you
@LeandroMartinez-pc6du
@LeandroMartinez-pc6du 2 ай бұрын
THANKS!!!
@chukwuebukaokonta167
@chukwuebukaokonta167 5 ай бұрын
My love for CSS is growing solely because of you. Lovely videos
@ManWhoLostTheWar
@ManWhoLostTheWar 7 ай бұрын
i love when developers on youtube go super in depth explaining everything, especially to do with the responsiveness of webpages
@Avarn388
@Avarn388 7 ай бұрын
Thank you, Kevin. I’ve been in a bit of a programming rut and I’m starting to get back into it and I’ve been wanting to improve with CSS. These videos are really helpful for folks like me. I hope you had a wonderful Christmas weekend. And thank you for everything.
@WebDevXpert
@WebDevXpert 7 ай бұрын
For unique Projects series visit my channel @Prointech05 Login Form in HTML & CSS |Animated Login Form using Html & CSS | by Pro inTech Must watch: kzfaq.info/get/bejne/Z55_m89qrqidkas.html
@annacibotari2446
@annacibotari2446 7 ай бұрын
The best channel for real learning! Thank you, Kevin!
@noiamnotsomebodyelse
@noiamnotsomebodyelse 7 ай бұрын
Love your work mahn, I'm an intern web developer and I must say you have helped me a lot and appreciate what you do for the programming community.
@nasimajosefi
@nasimajosefi 7 ай бұрын
Love your break down, please continue with this series every week.
@KevinPowell
@KevinPowell 7 ай бұрын
Definitely not every week, but I'll do them maybe one a month or once every 2 months :D
@nasimajosefi
@nasimajosefi 7 ай бұрын
@@KevinPowell as long as you continue with it 👍🏻❤️
@lionelfaith3646
@lionelfaith3646 7 ай бұрын
@@KevinPowell One a month is better, if you can for sure
@six2101
@six2101 2 ай бұрын
i cant believe i finished it, its so good and informative, imma create my own web now. thankyou
@jacobwwarner
@jacobwwarner 19 күн бұрын
Reaching the end I definitely like the grid solution more than flex. Following what I've heard you say in other videos, grid is better when you want the parent to exercise control of its children. So, in this example, you can have more control just adding properties to the `.layout-grid` rather than having to also worry about the `.card` for layout positioning. `.card` just becomes concerned with styling.
@Kj-gr9fv
@Kj-gr9fv 7 ай бұрын
Kevin, I can’t thank you enough for this walkthrough! I am a digital designer who is just starting to learn to code. I’m not very far along in my HTML/CSS training yet but seeing someone work on a real project and talk through considerations along the way was incredibly valuable in my learning. It also helped get my psyched up to keep learning even though it’s a daunting skill to tackle. Thanks very much!!
@KevinPowell
@KevinPowell 7 ай бұрын
Glad it was helpful!
@divix30
@divix30 6 ай бұрын
Maybe finally this year I will get a job as Junior Web Developer thanks to you, my dream for a long time. Great job in explaining everything you do on video. Need more people like you on KZfaq :)
@zoa_photo
@zoa_photo 5 ай бұрын
This was an awesome video ! I've been following you for years now and your content gets better and better. I love this long format when you go deep down in explaining the building process of a whole section. You should do more of that ! Thank you !
@MrOliver1444
@MrOliver1444 7 ай бұрын
Kevin is such a nice, entertaining and funny guy! I love your videos. I can follow along with how you explain and lay out stuff so easily. In the future I will buy some courses when I need them. Thank you so much for your efforts!
@erikjansson2329
@erikjansson2329 7 ай бұрын
Very useful video. Thank you! For the “problem” there is actually an element for that: … … Note that the is not part of the . So your solution might be better in the case in the video.
@user-ru8hn9hb5c
@user-ru8hn9hb5c 7 ай бұрын
It is deprecated now.
@erikjansson2329
@erikjansson2329 7 ай бұрын
@@user-ru8hn9hb5c No it isn’t. Where did you get that information?
@KevinPowell
@KevinPowell 7 ай бұрын
hgroup is was a good idea that never really took off. It is also an odd one, that was removed from the W3C standard, but not the living standard. Really the purpose is to remove the secondary headings from changing the outline like I said it would, and so I personally think it's easy enough not to bother and just use a paragraph anyway.
@pscrim
@pscrim 7 ай бұрын
Just brilliant. This format really helps, we can sit along side you and not only learn a lot but also compare our own thoughts and solutions to yours. Thank you.
@deadlyecho
@deadlyecho 7 ай бұрын
You are the developer I aspire to be, your thinking process is extraordinary my friend ❤
@mustafeismajli2810
@mustafeismajli2810 6 ай бұрын
The simplest way how I fixed the problem of border-top color is this : .col:nth-child(1) > .card{ border-top: solid 0.25rem var(--clr-supervisor); } .col:nth-child(2) > .card:nth-child(1){ border-top: solid 0.25rem var(--clr-teambuilder); } .col:nth-child(2) > .card:nth-child(2){ border-top: solid 0.25rem var(--clr-karma); } .col:nth-child(3) > .card{ border-top: solid 0.25rem var(--clr-calculator); } . I could've done just border-color on each one, but i decided to do on this way . Your videos are amazing and helpful btw!
@radjeevdharampal4923
@radjeevdharampal4923 5 ай бұрын
I'm a beginner, but this video is clear as cristal. Great explanation and inviting to experiment with coding. Thank you so much. ❤
@phucnguyen0110
@phucnguyen0110 7 ай бұрын
Yes, another legendary Frontend Mentor project!
@aidenberzins
@aidenberzins 7 ай бұрын
Thanks for the tip on headers! It's very overlooked but also makes it considerably easier to follow the page from an accessibility standpoint.
@iMickoymouse
@iMickoymouse 4 ай бұрын
I hope you continue doing more of this. I've learned a lot by watching your videos. If I may be so bold and suggest that maybe a next one can be the workit landing page from frontendmentor. I feel like there's a lot of positioning stuff in there albeit being tagged with a difficulty of newbie. Anyhow, thank you for these videos! I always come back to your videos whenever I need a refresh and/or continue learning!
@arduriki
@arduriki 5 ай бұрын
Awesome video Kevin! I've just learned CSS Flexbox and Grid, and I was looking for a project to watch them into practice. I felt like if I were pair programming with you Kevin. Thank you very much for this video and congratulations for the channel which is helping me to fall in love with CSS.
@3208nandu
@3208nandu 7 ай бұрын
Great video with superb detailing thanks Kevin.just one thing i have noted you haven't put .card:nth-child(1) { grid-area: one; } .card:nth-child(2) { grid-area: two; } .card:nth-child(3) { grid-area: three; } .card:nth-child(4) { grid-area: four; } it should be inside media query
@vishalgaur11
@vishalgaur11 5 ай бұрын
Thanks brother was looking for this only
@kerrykreiter445
@kerrykreiter445 3 ай бұрын
Really awesome follow up video to the glass morphism tutorial. Thank you Kevin!
@isancreativedesigns9259
@isancreativedesigns9259 3 ай бұрын
I like tutorials that have the warts and all so we can see things going wrong and the thought process to fix it.
@bertugturker9565
@bertugturker9565 7 ай бұрын
even tho i am using tailwind and 99% of the time gotta stick to it i enjoyed the whole video. thanks Kevin always educational to watch you🙏🏻
@dhirajkaradage
@dhirajkaradage 7 ай бұрын
Before watching entire video I can say that it is worth watching
@faheem7504
@faheem7504 5 ай бұрын
man's a god-tier teacher of html css.
@jkoctopus
@jkoctopus 7 ай бұрын
you have a unique way to explain the basics (not so basic) of css, thank you for sharing your knowledge
@kevinebenhezer8912
@kevinebenhezer8912 6 ай бұрын
amazing. This is the reason i subscribed, i like how detailed your explaination and solution is. At some point, it did really make me kinda awkward for like putting those margin and padding for no reason haha. For a super beginner Web Developer like me, there is so much i can learn from ur vids, love it! Keep up the good work sir, and good luck!
@mitetoOoOoO
@mitetoOoOoO 7 ай бұрын
Thank you for this tutorial. I just did this challenge (all by myself, without copying) after watching your video and it was a great practice experience. Just a quick comment - at 22:05 when you copy the neutral colours and say that you'll use colour picker for the primary one, they're there, above them. We don't need the colour picker.
@KevinPowell
@KevinPowell 7 ай бұрын
Oops, missed that somehow, lol
@ofcljaved
@ofcljaved 7 ай бұрын
The thing that blow my mind out of the window is the usecase of margin-left:auto; Obviously My first thought was using grid is easy but Today I learn this basic thing which eventually impact more.
@karenbyrd1865
@karenbyrd1865 7 ай бұрын
Always great, Kevin. Loved the snippet about windows powertoys will install, but wanted to let everyone know the colors are listed in the style-guide. They are listed above the neutral colors. I love watching your videos to see different points of view on projects.
@thechannel8616
@thechannel8616 4 ай бұрын
At 56:00 if you want to use the card's order to change the border color you could use the nth-of-type selector and it would've given the same effect had you used a grid with 4 direct children. Great video!
@mkrichey1
@mkrichey1 7 ай бұрын
I have been away from CSS for the better part of a decade, thank you for the catch-up on some of the new features, excited to learn more!
@mrtuncer
@mrtuncer 6 ай бұрын
i really enjoyed while watching, working on js nowadays but this made me remember all flex grid constructs again... thnks for all Kevin👍
@nicolaiolsen5244
@nicolaiolsen5244 Ай бұрын
if you are using lighthouse, i have change the --clr-neutral-400 from hsl(229, 6%, 66%); to hsl(229, 6%, 55%); just to get a little bit more contrast to get a better accessibility score
@paulsicurello2333
@paulsicurello2333 7 ай бұрын
Thank you I really enjoy learning from you, you make it a fun and relaxed atmosphere
@ulriklarsen2239
@ulriklarsen2239 6 ай бұрын
you are a great teacher and your knowledge is very inspiring !
@mauriciovargasrincon3368
@mauriciovargasrincon3368 2 ай бұрын
Thank you kevin for these videos, they are very good and you really learn. In the final part when you make the change to "Grid" when it is displayed again in mobile mode (375 px) all the cards overlap :( ... Thanks again for these good videos.
@ashawesomeone
@ashawesomeone 7 ай бұрын
46:45 instead of using display grid on .col,you can also give the parent (.layout-grid) "align-items: center"
@imsecretshine
@imsecretshine 7 ай бұрын
Amazing style of teaching... Your teaching process is amazing...
@dienvidbriedis1184
@dienvidbriedis1184 6 ай бұрын
table and rowspans! easy peasy!
@nigelarmstrong252
@nigelarmstrong252 6 ай бұрын
Hi Kevin, thanks for all the great videos you've made over the years. You were wearing a t-shirt the other day which made me realise I've been mis-hearing you on every video with your introduction ! I've always heard "Hello my friend and friends". Thought it a bit odd but got used to it being your greeting. Then I saw your t-shirt on a recent video and it had "Front end" on it. Suddenly the penny dropped !! I can just about hear you say "Hello front end friends" but it still sounds like "friend and friends". Thought I'd let you know as it might give you a laugh ! Regards.
@prayforsilencevillanueva2688
@prayforsilencevillanueva2688 5 ай бұрын
Thank you Sir Kevin a.k.a. GOD OF CSS!!!
@mfy0108
@mfy0108 7 ай бұрын
From all solutions I liked grid the most, because flex sometimes do some weird stuff where I feel like grid would be more stable and trusting.
@Mirzaisha11
@Mirzaisha11 7 ай бұрын
you are the best teacher of css out there
@deatho0ne587
@deatho0ne587 7 ай бұрын
For Grid vs Flex. Normally go with one and swap to the other if I do not like the first one, think I lean to grid first though. It does not matter to much since it is easy to swap between the two normally.
@samirmulla8176
@samirmulla8176 7 ай бұрын
Thanks for creating this amazing video based on responsive design 🎉🎉🎉
@kiralight8423
@kiralight8423 7 ай бұрын
I am gonna use this to learn web dev and change career, more of this please
@paulok2153
@paulok2153 6 ай бұрын
Yeah man, your good to watch. Cheers.
@brandonr483
@brandonr483 7 ай бұрын
Was that a joke? "We need to get Poppins" ... hahah. Excellent walkthrough! Thanks for sharing your insight and knowledge. Happy New Year!
@SuperGylden
@SuperGylden 7 ай бұрын
Great video. As always. Would have loved to see you checking for contrast though
@KevinPowell
@KevinPowell 7 ай бұрын
Meant to at the time and then forgot, sorry about that!
@SuperGylden
@SuperGylden 7 ай бұрын
No worries. Just you mentioning it, I think could have a great impact
@shaunnicholson4916
@shaunnicholson4916 7 ай бұрын
Power Toys has a good measuring tool called: screen ruler, really comes in handy, if enabled in Power Toys defaults to Windows Shift M
@iamsavishka
@iamsavishka Ай бұрын
Thank you so much.
@llzeeuw
@llzeeuw 7 ай бұрын
Very helpful, thank you so much!
@seekknowledge1928
@seekknowledge1928 7 ай бұрын
Please post this type of detailed video every week....
@noursalepan9673
@noursalepan9673 7 ай бұрын
My teacher Kelvin great always love your explanation ❤ but l recommend you using html css autocomplition extention for vscode no more viewing your classes switching from html to css😂
@not_amanullah
@not_amanullah 5 ай бұрын
This tutorial is helpful ❤
@youtubevideos5124
@youtubevideos5124 7 ай бұрын
Thank you sir your dvh unit also helped a lot
@jan-wr9dn
@jan-wr9dn 7 ай бұрын
Hey Kevin 😊 I'm from germany and I guess, that Google prefers the user to implement the fonts locally on the server, because last summer we had a huge data protection issue in europe. As soon as a user used a website, he revealed his ip address to Google without permission. So every owner of a website had to switch to a local font implementation.
@KevinPowell
@KevinPowell 7 ай бұрын
Yup, I mentioned that in my how to locally host Google fonts video 😊. There are other services that are fine to use too, but I forget their names now.
@salomonik
@salomonik 7 ай бұрын
more projects like that please
@trickster574
@trickster574 7 ай бұрын
I found a way to set the border color with nth-child(): .col:nth-child(1) .card { border-color: var(--teal) } .col:nth-child(2) .card:nth-child(1) { border-color: var(--red) } .col:nth-child(2) .card :nth-child(2) { border-color: var(--yellow) } .col:nth-child(3) .card { border-color: var(--blue) }
@petroczibalazs5434
@petroczibalazs5434 6 ай бұрын
Please, answer why you don't bring the rem size to a decimal basis using the common trick like this: html{ font-size: 10px; } body{ font-size: 1.6rem; padding: 0; margin:0; } This brings the best for both sides by allowing the user to zoom in or out and see the font size change and lets the developer calculate on a a decimal basis. Is there any particular objective reason for that or only your personal preferences?
@black2thepiink
@black2thepiink 7 ай бұрын
So much needed bro tq... 💯
@natasdabsi1138
@natasdabsi1138 7 ай бұрын
thank you so much
@SimX9000
@SimX9000 7 ай бұрын
This was a fantastic video
@dazeitem
@dazeitem 7 ай бұрын
It's like you were sent by an angel.
@iUmerFarooq
@iUmerFarooq 5 ай бұрын
How to make a dynamic dashboard layout? means if we increase the size of the side bar so automatically adjust the content area. And different types of dashboard layouts also.
@user-gg3ih6qg5e
@user-gg3ih6qg5e 5 ай бұрын
thanks brother
@Dipzeus
@Dipzeus 7 ай бұрын
Just an earnest request... please bring a classic beginner to advanced css course for modern websites
@hungry_khid1007
@hungry_khid1007 7 ай бұрын
How did you properly format the paragraph text at 11:30 when he highlighted it, what did he press?
@zealest
@zealest 7 ай бұрын
i think its the Prettier extension, it automatically formats when you hit ctrl + s (save file)
@athilasantiago4233
@athilasantiago4233 7 ай бұрын
yep, it is the prettier vscode extension. You can see it in the bottom right corner
@hungry_khid1007
@hungry_khid1007 7 ай бұрын
@@zealest its not working for me
@TheMetalMag
@TheMetalMag 7 ай бұрын
thank you
@jo.si_911
@jo.si_911 4 ай бұрын
IMO header > p should not have any effect on the font-size since p is not a direct child of the header but only of the wrapper div?! Or am I missing something?
@wzup23
@wzup23 6 ай бұрын
Hi Kevin! I think after removing the div.col at around @1:07:35, the nth-child selectors should be inside the media query for 800px screens and up? I tried doing it outside and when I test with smaller screens, all cards just stacks in one position (middle right). Pls correct me If I miss something. I will follow your other tutorials as I like how you explain things. Thank you so much dude!
@TechStackMotivation
@TechStackMotivation 7 ай бұрын
I liked Flexbox cause it is very smooth and 'flexible'
@rayforever
@rayforever 5 ай бұрын
Your consideration on not using premium stuffs like figma files, so we non premium user can follow along , ❤ thanks sir
@umernasir4217
@umernasir4217 7 ай бұрын
I wrapped the icon in the card with div and applied text-align: end; Quick Hack 🎉
@re.liable
@re.liable 7 ай бұрын
Wow powertoys is really good.
@KevinPowell
@KevinPowell 7 ай бұрын
I love it!
@MightyHuff
@MightyHuff 6 ай бұрын
How do you change the font colours on live studio eg. When I type hsl it comes up as a barely readable Color? I really like the videos that you put up.
@weishyan9699
@weishyan9699 5 ай бұрын
use grid template areas so weird on the mobile mode the card stick together
@GabrielDucharme
@GabrielDucharme 7 ай бұрын
Nice!
@aurusaurum9649
@aurusaurum9649 7 ай бұрын
Thank you for the video! Is there a video about the style of naming classes from scratch? The thing is that BEM is very ugly, but so is Tailwind. I want to write in vanilla HTML and CSS, but I have a problem with naming classes.
@kopilkaiser8991
@kopilkaiser8991 10 күн бұрын
❤❤❤❤❤
@iamdanielkip
@iamdanielkip 7 ай бұрын
Kevin, you mentioned that you don't use BEM so much anymore. Do you use any other naming convention nowadays? Thank you for this very informative video. ;)
@philemonokpokpa503
@philemonokpokpa503 7 ай бұрын
Hello Kevin . I appreciate what you’re doing for the community. So, sometimes I go into the dev tools to inspect sites that I want to clone and it gives me css properties and values for html elements that I think may not be in the original code. For example, you didn’t give height and width values to those cards but the inspector may just give me a height and width value of the cards. Could this be a reason why we should not be depending on the inspector for properties and values of an element? Good video BTW. I find myself writing html and css the way you’d do because I’ve been following you for say 3 years now. Thank you very much
@nasirmuslih4128
@nasirmuslih4128 7 ай бұрын
Please can you make a video on how you deals with things if you're coding a project and get stuck😁. Like when you to want to make something and you don't know do it . Your research process tooo.
@mindful_momentum101
@mindful_momentum101 6 ай бұрын
Question When you set the font styles Why html {...} And not body {...} What's the difference between html and body??
@ofcljaved
@ofcljaved 7 ай бұрын
I would have use grid for this because i wanna keep my html as minimum and self explanatory as possible
@OCEMTechZone
@OCEMTechZone 24 күн бұрын
🎉
@sisqo880602
@sisqo880602 7 ай бұрын
the shadow color was the dark blue one by the way :)
@ElfontLeBlonde
@ElfontLeBlonde 6 ай бұрын
Mmmmm, After changing to one two etc the 800px Version wont work anymore… why?
@DavidHamilton5
@DavidHamilton5 7 ай бұрын
If I ever got a tattoo , it would be border: 2px solid red ; 😂
@natescode
@natescode 7 ай бұрын
I should get one on my bald head: # hair { display: none; }
@tanercoder1915
@tanercoder1915 7 ай бұрын
what's the difference between responsive and adaptive designs in your opinion. I am confused
@ronaldpaek
@ronaldpaek 7 ай бұрын
Could you wrap the powered by technology in a b or strong tag? Would that also make sense to either bring attention too or strong to show that its what really sets them apart? I'm trying to improve my semantics as well
@KevinPowell
@KevinPowell 7 ай бұрын
Strong could be appropriate I guess. The b, for bring attention to, is a backronym and doesn't actually have any semantic meaning, so maybe would have been easier than what I did
I've been challenged to a CSS BATTLE by Web Dev Simplified
42:22
Kevin Powell
Рет қаралды 951 М.
The 6 most important CSS concepts for beginners
28:58
Kevin Powell
Рет қаралды 154 М.
Joker can't swim!#joker #shorts
00:46
Untitled Joker
Рет қаралды 35 МЛН
A teacher captured the cutest moment at the nursery #shorts
00:33
Fabiosa Stories
Рет қаралды 61 МЛН
Son ❤️ #shorts by Leisi Show
00:41
Leisi Show
Рет қаралды 10 МЛН
Алексей Щербаков разнес ВДВшников
00:47
23 CSS features you should know (and be using) by now
31:31
Kevin Powell
Рет қаралды 71 М.
Flexbox or Grid challenge // which would you use to solve these?
25:27
6 UI Hacks I Wish I Knew As A Beginner
11:11
Tim Gabe
Рет қаралды 780 М.
Learn CSS Flexbox in 20 Minutes (Course)
20:37
Coding2GO
Рет қаралды 38 М.
Learn flexbox the easy way
34:04
Kevin Powell
Рет қаралды 697 М.
4 Tips To Succeed As A Self Taught Developer
11:08
Web Dev Simplified
Рет қаралды 31 М.
Avoid these 5 beginner CSS mistakes
21:38
Kevin Powell
Рет қаралды 80 М.
This is the hardest CSS Battle I've tried
1:27:43
Kevin Powell
Рет қаралды 109 М.
Taking on a Frontend Mentor challenge!
2:23:53
Kevin Powell
Рет қаралды 98 М.
Exploring FastHTML: making webstuff easier for Python people
15:06
Joker can't swim!#joker #shorts
00:46
Untitled Joker
Рет қаралды 35 МЛН