- Видео 51
- Просмотров 59 344
CoCheat
Добавлен 22 окт 2023
learn simple coding.
Responsive Flexbox Layout | CC
like and subscribe to learn more...
learn to make a responsive layout.
-----------------------------------------------------------------------------
Responsive Flexbox Layout | CC
-----------------------------------------------------------------------------
#css #flexbox #responsivewebsite #responsivelayout #html
like and subscribe to learn more...
Responsive Flexbox Layout | CCResponsive Flexbox Layout | CCResponsive Flexbox Layout | CCResponsive Flexbox Layout | CCResponsive Flexbox Layout | CCResponsive Flexbox Layout | CCResponsive Flexbox Layout | CCResponsive Flexbox Layout | CCResponsive Flexbox Layout | CCResponsive Flexbox Layout | CCResponsive Flexbox Layout | CCResponsive Flexbox Lay...
learn to make a responsive layout.
-----------------------------------------------------------------------------
Responsive Flexbox Layout | CC
-----------------------------------------------------------------------------
#css #flexbox #responsivewebsite #responsivelayout #html
like and subscribe to learn more...
Responsive Flexbox Layout | CCResponsive Flexbox Layout | CCResponsive Flexbox Layout | CCResponsive Flexbox Layout | CCResponsive Flexbox Layout | CCResponsive Flexbox Layout | CCResponsive Flexbox Layout | CCResponsive Flexbox Layout | CCResponsive Flexbox Layout | CCResponsive Flexbox Layout | CCResponsive Flexbox Layout | CCResponsive Flexbox Lay...
Просмотров: 72
Видео
How to make a Date Picker in HTML and CSS | CC
Просмотров 595 месяцев назад
like and subscribe to learn more... learn to make a date picker. How to make a Date Picker in HTML and CSS | CC #css #html #tutorial #date-picker like and subscribe to learn more... How to make a Date Picker in HTML and CSS | CCHow to make a Date Picker in HTML and CSS | CCHow to make a Date Picker in HTML and CSS | CCHow to make a Date Picker in HTML and CSS | CCHow to make a Date Picker in HT...
How to make a Animated Search Bar | CSS ONLY
Просмотров 346 месяцев назад
like and subscribe to learn more... learn to make a animated search bar in css only How to make a Animated Search Bar | CSS ONLY #css #cssonly #search #searchbar #html like and subscribe to learn more... How to make a Animated Search Bar | CSS ONLYHow to make a Animated Search Bar | CSS ONLYHow to make a Animated Search Bar | CSS ONLYHow to make a Animated Search Bar | CSS ONLYHow to make a Ani...
How to make a Simple Login Form | CSS ONLY
Просмотров 456 месяцев назад
like and subscribe to learn more... learn to make a login form in css only How to make a Simple Login Form | CSS ONLY #css #cssonly #login #login_form #html like and subscribe to learn more... How to make a Login Form | CSS ONLYHow to make a Login Form | CSS ONLYHow to make a Login Form | CSS ONLYHow to make a Login Form | CSS ONLYHow to make a Login Form | CSS ONLYHow to make a Login Form | CS...
Typewriter Animation CSS ONLY!! | CC
Просмотров 666 месяцев назад
like and subscribe to learn more... learn to make a responsive layout. Typewriter Animation CSS ONLY!! | CC #css #html #toggle #typewriters #button like and subscribe to learn more... Typewriter Animation CSS ONLY!! | CCTypewriter Animation CSS ONLY!! | CCTypewriter Animation CSS ONLY!! | CCTypewriter Animation CSS ONLY!! | CCTypewriter Animation CSS ONLY!! | CCTypewriter Animation CSS ONLY!! |...
Easy Drag And Drop | CSS #css
Просмотров 596 месяцев назад
like and subscribe to learn more... Easy Drag And Drop | CSS #css #css #js # html #draganddrop like and subscribe to learn more...
Responsive Flexbox Layout | CSS ONLY
Просмотров 1 тыс.6 месяцев назад
like and subscribe to learn more... learn to make a responsive layout. Responsive Flexbox Layout | CSS ONLY #css #flexbox #responsivewebsite #responsivelayout #html like and subscribe to learn more... Responsive Flexbox Layout | CSS ONLYResponsive Flexbox Layout | CSS ONLYResponsive Flexbox Layout | CSS ONLYResponsive Flexbox Layout | CSS ONLYResponsive Flexbox Layout | CSS ONLYResponsive Flexb...
Responsive Navigation Bar | CSS ONLY
Просмотров 3107 месяцев назад
like and subscribe to learn more... learn to make a responsive navigation bar form in css only Responsive Navigation Bar | CSS ONLY #css #cssonly #navbar #navigation #html like and subscribe to learn more... Responsive Navigation Bar | CSS ONLYResponsive Navigation Bar | CSS ONLYResponsive Navigation Bar | CSS ONLYResponsive Navigation Bar | CSS ONLYResponsive Navigation Bar | CSS ONLYResponsiv...
Toggle Button CSS ONLY!! | CoCheat | Tutorial
Просмотров 2177 месяцев назад
Toggle Button CSS ONLY!! | CoCheat | Tutorial
Auto Image Slider | CSS ONLY | CoCheat
Просмотров 1998 месяцев назад
Auto Image Slider | CSS ONLY | CoCheat
Simple animated header | CSS ONLY
Просмотров 1,1 тыс.10 месяцев назад
Simple animated header | CSS ONLY
How to make a Custom ScrollBar | Css Only
Просмотров 21910 месяцев назад
How to make a Custom ScrollBar | Css Only
How To Make A Drop Down Menu | CSS Only
Просмотров 42910 месяцев назад
How To Make A Drop Down Menu | CSS Only
How to make a Animated Search Bar | CSS ONLY
Просмотров 68310 месяцев назад
How to make a Animated Search Bar | CSS ONLY
How to make a Responsive Navigation Bar | CSS ONLY
Просмотров 88110 месяцев назад
How to make a Responsive Navigation Bar | CSS ONLY
How to make a Login Form | CSS ONLY
Просмотров 30310 месяцев назад
How to make a Login Form | CSS ONLY
How to make a Read More Button | CSS ONLY
Просмотров 72010 месяцев назад
How to make a Read More Button | CSS ONLY
Simple Responsive Flexbox Cards| CC
Просмотров 88810 месяцев назад
Simple Responsive Flexbox Cards| CC
Hide or Show Password using HTML CSS & JavaScript | CC
Просмотров 25611 месяцев назад
Hide or Show Password using HTML CSS & JavaScript | CC
Typewriter Animation CSS ONLY!! | CC
Просмотров 77511 месяцев назад
Typewriter Animation CSS ONLY!! | CC
Elestic Tab Aniamtion Navbar in HTML and CSS | CC
Просмотров 1,6 тыс.Год назад
Elestic Tab Aniamtion Navbar in HTML and CSS | CC
Simple Toggle Button CSS ONLY!! | CC
Просмотров 1,6 тыс.Год назад
Simple Toggle Button CSS ONLY!! | CC
How to make a Date Picker in HTML and CSS | CC
Просмотров 2,1 тыс.Год назад
How to make a Date Picker in HTML and CSS | CC
thank you for this easy tutorial
cool
thank you Keep Going This channel is cool
cool
I see the code in a very small font.. if you can zoom in so we can be able to follow up with you.. I'm a beginner trying to learn.. I really love your content
thank you for the feedback i wil look if i can change the font size for my future videos.🙏
what does the extension called for CSS color like yours ?
its the cobalt2 theme
Very nice thumbnail bro
keep going
cool
nice thank you keep going 🙏🙏
cool
keep making these vids they are helpful 🙏🙏🙏
🤩🤩
how do you choose the values for translatex? sorry im a beginner
nice
cool man thank you
Cool
thanks for the explanation. I'm new and this is really helpful . but can you explain what the following code is used for : .container>* { margin: 10px; padding: 10px; flex: 1 100%; } I'm still stuck on that
.container is your class and >* selects all direct children. padding add 10px of padding inside the selected element. margin adds 10 px of margin around the selected element. and flex 1 100% is shorthand for setting the flex-grow and flex-basis properties. it means the element will grow to fill the available space
@@CoCheatCoding thanks 👍🏼
nice this is what i was looking for
cool thank you this helps alot
thanks
cool thank you
"Promo SM" 😃
Hi, I would like to understand why when you typed "flex-flow: row rap" why did all the items disappear? and what made it pop up like that? (3:06)
I added a width to the items
I'd rather use Grid way more adjustable then flex box my general rule of thumb is Flexbox for one dimensional layouts, Grid for multidimensional layouts ez stuff
i like how you hide the part of code i was looking for at the end 😕
I'm an extreme beginner, could someone exactly explain me what's the purpose of this? And what's the sauce code that mad the 'Difference' thank you.
if you look at a page on a pc it looks different than on an phone. With that you can access the page on a pc and phone and you can still read the page normally
no audio explanation......?
man thank you .Your videos are so simple and easy to understand for beginners .thank you keep growing
Hi, I have the same layout with the two left and right sidebars, by default when the layout reduces the sidebars it always starts from the one on the left and then follows the one on the right, I would like to be able to reverse this order because I positioned the menu on the right and I would like to display the right sidebar first when the layout is resized, is it possible to do something like this? Can you reverse first right and then left? I thank you.
Maby try row-reversed instead of row
thank you, in this way I only managed to obtain the exchange of the two sidebars leaving the central one intact, I would like the sidebars to remain intact and to reverse only when resizing, left to right and right to left in order to obtain display main, side2, side1...
hi, I tried but I think I will have to change a lot to the css, it is the first responsive layout, before this I only created simple layouts, to understand how it works I tried with another layout with a different media query, solved with flex-direction: column -reverse;, the left and right sidebars reverse perfectly. I thank you.
You will have more freedom to order the elements if you use display grid instead of flexbox. With a grid, you can give the different fields manes and then order them as you want. See example: ruclips.net/video/68O6eOGAGqA/видео.html
Unfortunately, the last part of the code (starting from @media .... ) is being covered by the You-tube's commercial and hence cannot be seen.
@media all and (mind-width: 600px){ .side{ flex: 1; } }
😊
This is a nice RUclips Channel. Keep up with the posts
Hi, in the index.html page I can't read the entire <meta viewport...> etc, even in style.css I can't even see the last line @media all and (... Here I can read 600px){ .side{ flex: this ending doesn't I can see... The Number Is 1?} }.... it's the first time I've tried to make a responsive one, I created the template but side1 and side2 both remain on the left. Please, I would be grateful if you wrote the final code in a comment. Thank you. Ok, the Flex Number I believe Is 1, and the meta tag Is this? <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0"> It's the First Time I try responsive template... unfortunately the video couldn't be seen well... ok, solved! it was .main{ order: 2;}... I misread it and entered 3. thanks. it's great!
Please max your font size ..this is too small
cool
Very cool vertical vid. I've seen your normal aspect ratio version. Great material.
Can we have a code pen for that. Thanks in advance.
thanks
thank you
cool thank you
thank you
thank you
thankyou
thanks
thanks
thank you i love you
Keep working 💪 don't stop 😎
thank you🙏🙏
i love you man, keep posting these videos