CoCheat
CoCheat
  • Видео 51
  • Просмотров 59 344
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...
Просмотров: 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
Flexbox NavBar | CCS Only
Просмотров 3707 месяцев назад
Flexbox NavBar | CCS Only
Text and Img Side by Side | CC
Просмотров 1698 месяцев назад
Text and Img Side by Side | CC
Auto Image Slider | CSS ONLY | CoCheat
Просмотров 1998 месяцев назад
Auto Image Slider | CSS ONLY | CoCheat
Profile Card Slider | CSS ONLY
Просмотров 4239 месяцев назад
Profile Card Slider | CSS ONLY
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
Simple Flexbox NavBar | CC
Просмотров 10 тыс.11 месяцев назад
Simple Flexbox NavBar | CC
Simple Pop-Up JS | CC
Просмотров 24311 месяцев назад
Simple Pop-Up JS | 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
Drag & Drop Simple JS | CC
Просмотров 55611 месяцев назад
Drag & Drop Simple JS | 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
Responsive Flexbox Layout | CC
Просмотров 30 тыс.Год назад
Responsive Flexbox Layout | CC

Комментарии

  • @lofilove2572
    @lofilove2572 7 месяцев назад

    thank you for this easy tutorial

  • @moru3891
    @moru3891 7 месяцев назад

    cool

  • @lofilove2572
    @lofilove2572 7 месяцев назад

    thank you Keep Going This channel is cool

  • @Quin-wv2kn
    @Quin-wv2kn 7 месяцев назад

    cool

  • @ramzyabdul185
    @ramzyabdul185 7 месяцев назад

    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

    • @CoCheatCoding
      @CoCheatCoding 7 месяцев назад

      thank you for the feedback i wil look if i can change the font size for my future videos.🙏

  • @Penterested
    @Penterested 7 месяцев назад

    what does the extension called for CSS color like yours ?

  • @nkbDeals
    @nkbDeals 7 месяцев назад

    Very nice thumbnail bro

  • @lofi3044
    @lofi3044 7 месяцев назад

    keep going

  • @lofilove2572
    @lofilove2572 8 месяцев назад

    cool

  • @Quin-wv2kn
    @Quin-wv2kn 8 месяцев назад

    nice thank you keep going 🙏🙏

  • @Quin-wv2kn
    @Quin-wv2kn 8 месяцев назад

    cool

  • @lofi3044
    @lofi3044 8 месяцев назад

    keep making these vids they are helpful 🙏🙏🙏

  • @enriqueruiz320
    @enriqueruiz320 8 месяцев назад

    🤩🤩

  • @jamexsa3752
    @jamexsa3752 9 месяцев назад

    how do you choose the values for translatex? sorry im a beginner

  • @lofilove2572
    @lofilove2572 9 месяцев назад

    nice

  • @lofilove2572
    @lofilove2572 9 месяцев назад

    cool man thank you

  • @no-han
    @no-han 9 месяцев назад

    Cool

  • @Jj-rc4dr
    @Jj-rc4dr 9 месяцев назад

    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

    • @CoCheatCoding
      @CoCheatCoding 9 месяцев назад

      .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

    • @Jj-rc4dr
      @Jj-rc4dr 9 месяцев назад

      @@CoCheatCoding thanks 👍🏼

  • @lofilove2572
    @lofilove2572 9 месяцев назад

    nice this is what i was looking for

  • @Quin-wv2kn
    @Quin-wv2kn 9 месяцев назад

    cool thank you this helps alot

  • @Quin-wv2kn
    @Quin-wv2kn 9 месяцев назад

    thanks

  • @Quin-wv2kn
    @Quin-wv2kn 9 месяцев назад

    cool thank you

  • @jerrielim2337
    @jerrielim2337 9 месяцев назад

    "Promo SM" 😃

  • @mr.z6325
    @mr.z6325 9 месяцев назад

    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)

    • @CoCheatCoding
      @CoCheatCoding 9 месяцев назад

      I added a width to the items

  • @Ek-xtreme
    @Ek-xtreme 9 месяцев назад

    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

  • @HeadGenCSGO
    @HeadGenCSGO 9 месяцев назад

    i like how you hide the part of code i was looking for at the end 😕

  • @raffmusicgaming3687
    @raffmusicgaming3687 9 месяцев назад

    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.

    • @ridelove13
      @ridelove13 9 месяцев назад

      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

  • @arslanliaqat1720
    @arslanliaqat1720 9 месяцев назад

    no audio explanation......?

  • @blacklover69794
    @blacklover69794 9 месяцев назад

    man thank you .Your videos are so simple and easy to understand for beginners .thank you keep growing

  • @giusyvignes1382
    @giusyvignes1382 9 месяцев назад

    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.

    • @CoCheatCoding
      @CoCheatCoding 9 месяцев назад

      Maby try row-reversed instead of row

    • @giusyvignes1382
      @giusyvignes1382 9 месяцев назад

      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...

    • @giusyvignes1382
      @giusyvignes1382 9 месяцев назад

      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.

    • @andreasklug6569
      @andreasklug6569 8 месяцев назад

      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

  • @ykw2117
    @ykw2117 9 месяцев назад

    Unfortunately, the last part of the code (starting from @media .... ) is being covered by the You-tube's commercial and hence cannot be seen.

    • @naoart9320
      @naoart9320 9 месяцев назад

      @media all and (mind-width: 600px){ .side{ flex: 1; } }

  • @ykw2117
    @ykw2117 9 месяцев назад

    😊

  • @charlestoneoyoo
    @charlestoneoyoo 9 месяцев назад

    This is a nice RUclips Channel. Keep up with the posts

  • @giusyvignes1382
    @giusyvignes1382 9 месяцев назад

    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!

  • @ShortVideosOnYoutube
    @ShortVideosOnYoutube 10 месяцев назад

    Please max your font size ..this is too small

  • @lofi3044
    @lofi3044 10 месяцев назад

    cool

  • @DarsoMAN
    @DarsoMAN 10 месяцев назад

    Very cool vertical vid. I've seen your normal aspect ratio version. Great material.

  • @MAXIMILLIANCOUNTERS
    @MAXIMILLIANCOUNTERS 10 месяцев назад

    Can we have a code pen for that. Thanks in advance.

  • @lofi3044
    @lofi3044 10 месяцев назад

    thanks

  • @lofi3044
    @lofi3044 10 месяцев назад

    thank you

  • @lofi3044
    @lofi3044 10 месяцев назад

    cool thank you

  • @lofi3044
    @lofi3044 10 месяцев назад

    thank you

  • @lofi3044
    @lofi3044 10 месяцев назад

    thank you

  • @lofi3044
    @lofi3044 10 месяцев назад

    thankyou

  • @lofi3044
    @lofi3044 10 месяцев назад

    thanks

  • @lofilove2572
    @lofilove2572 10 месяцев назад

    thanks

  • @lofilove2572
    @lofilove2572 10 месяцев назад

    thank you i love you

  • @mayared598
    @mayared598 10 месяцев назад

    Keep working 💪 don't stop 😎

  • @Quin-wv2kn
    @Quin-wv2kn 10 месяцев назад

    thank you🙏🙏

  • @thomasrodriguez258
    @thomasrodriguez258 10 месяцев назад

    i love you man, keep posting these videos