How To Make Accordion Design Using HTML And CSS Step By Step

Поделиться
HTML-код
  • Опубликовано: 23 янв 2025

Комментарии • 98

  • @rameshchoudhary9287
    @rameshchoudhary9287 2 года назад +14

    I made a beautiful website from your tutorials and all animation in one website is just amazing..... The login form, contact form, service section, footer, navbar, and all the necessary section.... So thank you ❤️

  • @bilimlink
    @bilimlink 2 года назад +8

    You deserve a respect for your excellent work 👏

  • @PaksPromise
    @PaksPromise Год назад

    You're one of my favs... thanks alot for saving me so much time

  • @yungwarlock
    @yungwarlock Год назад

    Boss!!! Made my day

  • @Orion-10x
    @Orion-10x 5 месяцев назад

    awsome!
    thanks, very straight forward and simple

  • @tenu6213
    @tenu6213 Год назад

    Thankyou for this tutorial
    Well explained 😊

  • @Applecitylightkiwi
    @Applecitylightkiwi Год назад

    Not bad brother liked the way you broke this down into steps

  • @АртемНікішин
    @АртемНікішин 2 года назад

    It's amazing. My respect to the author!

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

    Awesome bro🎉

  • @petermichael3490
    @petermichael3490 2 года назад +1

    you are the best

  • @khenjyjohnelson18
    @khenjyjohnelson18 2 года назад

    Great tutorials! I just need to change radio to checkbox and realized that the paragraph could appear more than one at a time.

  • @Gabriel-jp5dl
    @Gabriel-jp5dl 2 года назад +3

    bro know that im watching the full ad jesus u saved me

  • @farukweb
    @farukweb 4 месяца назад

    Really Nice accordion

  • @pranupranav5563
    @pranupranav5563 3 месяца назад

    Super❤🎉

  • @UsaidOk
    @UsaidOk Год назад

    its amazing!!

  • @gioba4912
    @gioba4912 2 года назад +1

    👍👍
    Amazingly done!

    • @GreatStackDev
      @GreatStackDev  2 года назад

      Thank you! 👍

    • @olu_herodotus
      @olu_herodotus 2 года назад

      @@GreatStackDev Good morning, please I'd like you to upload a tutorial on how to create a classified ads website like OLX using HTML and CSS. All the tutorials I've been seeing on that topic only talks about using WordPress. Please I'll be happy if you can speedily grant this request. Love from Turkey

  • @Daamilola
    @Daamilola Год назад

    Really simple explanation

  • @maheeshagamage
    @maheeshagamage Год назад

    Awesome thank u so much ❤

  • @JonnakutiKiranBabuBVCE
    @JonnakutiKiranBabuBVCE Год назад

    Excellent Brother

  • @eliyir
    @eliyir 2 года назад +3

    Awesome! Can you also demonstrate the same accordion feature where the data comes from an API? Thank you.

  • @952a259
    @952a259 Год назад

    Good job, thank you! 💪

  • @MercurySteel
    @MercurySteel 6 месяцев назад +1

    I have two questions about this:
    1. Is it necessary to give the content an explicit max-height? I tried to give unset the max-height instead only to realize that it cannot transition from the max-height of 0 to unset.
    2. Why do contents only start closing after the checked one finishes opening?

  • @dansyz80
    @dansyz80 7 месяцев назад +1

    Thanks 🙏 ❤

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

      Glad you liked it. Thanks for your comment. 😊

  • @LuízeCarrilho
    @LuízeCarrilho Год назад

    Good❤👏👏👏

  • @smrmnt
    @smrmnt Год назад

    Amazing!

  • @BigBlueRabbit
    @BigBlueRabbit 7 месяцев назад +1

    Pefect

    • @GreatStackDev
      @GreatStackDev  7 месяцев назад +1

      Glad you liked it. Thanks for your comment. 😊

  • @vexu__
    @vexu__ 2 года назад +2

    Hey, I have a question if I can make a page (java / html and others) based on the type r / place (reddit / place). This is a map with pixels where you click and create a pixel with a given color.

  • @aatifrashid5413
    @aatifrashid5413 2 года назад

    Great video

  • @nitishkumar4u184
    @nitishkumar4u184 2 года назад

    Thank You So Much Sir g.

  • @programmingkhata
    @programmingkhata 2 года назад

    Sir, I have learned web design. I want to learn more. What I will do next will be good for my future. Please tell me Sir In between the MEAN stack and MERN stack

  • @kunal007216
    @kunal007216 2 года назад

    Great stuff 🙏🏻

  • @alexftw356
    @alexftw356 2 года назад

    can you, please, tell me the color pallete you're using ? or make me a print on your color scheme, please, please, it looks so liagible. it gets easy on my eyes. i love it. pleasee tell me

  • @olu_herodotus
    @olu_herodotus 2 года назад

    Good morning, please I'd like you to upload a tutorial on how to create a classified ads website like OLX using HTML and CSS. All the tutorials I've been seeing on that topic only talks about using WordPress. Please I'll be happy if you can speedily grant this request. Love from Turkey

  • @seeker3794
    @seeker3794 Год назад

    Perfect Video👍... And my question is : is that possible to rotate arrows as well when they are clicked, without use of Javascript?

  • @angelcmelgarc
    @angelcmelgarc Год назад

    I have a question: how could you make the accordion extend, upwards instead of downwards. When extended, the label being on the bottom but the content being on top of the label, along with the arrow going upwards too.

  • @hood_love_189
    @hood_love_189 2 года назад

    great job

  • @sandeepjaryal7617
    @sandeepjaryal7617 2 года назад

    Thank you bro

  • @giovannyalexanderquirozchica
    @giovannyalexanderquirozchica 2 года назад

    Excelente video amigo me sirvió mucho

    • @allmemes3929
      @allmemes3929 2 года назад

      ruclips.net/video/JX09K0QvqmM/видео.html

    • @GreatStackDev
      @GreatStackDev  2 года назад

      glad i could help

    • @allmemes3929
      @allmemes3929 2 года назад

      @@GreatStackDev I need your help. please help me

    • @allmemes3929
      @allmemes3929 2 года назад

      @@GreatStackDev please help me sir

  • @musiimentaodith4361
    @musiimentaodith4361 Год назад

    Thank you

  • @ariefgunardi4798
    @ariefgunardi4798 Год назад

    Can i change the label color when get checked?

  • @theeanuragmishra
    @theeanuragmishra 2 года назад +2

    how to only rotate the arrow when radio is checked ?

  • @mstmursalinakhatun3671
    @mstmursalinakhatun3671 2 года назад

    Thanks vaiya

  • @thisishabib744
    @thisishabib744 2 года назад

    I video need / responsive dropdown menu using html css js without css chackbox
    Please reply
    ❣️❣️❣️from Bangladesh

  • @zakaria756
    @zakaria756 2 года назад

    Can you put in the description the link to the code? Thanks. Great Video!

  • @omorfaruk6986
    @omorfaruk6986 2 года назад

    Brother only html css basic to advanced Please give us a project series please bro

    • @GreatStackDev
      @GreatStackDev  2 года назад +1

      here it is: ruclips.net/p/PLjwm_8O3suyO2gdXdWHKgM-mO2Y251zzU

  • @NotKyleChicago
    @NotKyleChicago 3 месяца назад

    Why not use and ?

  • @kailashbhujel7777
    @kailashbhujel7777 2 года назад

    plz can u post the video of react, node js tutorial

  • @melinanina22
    @melinanina22 2 года назад

    hi bro please can you make tutorials zbt shopify themes developpent. how to crat them. thank you

  • @waleedtahir9933
    @waleedtahir9933 2 года назад

    bro it is not going to responsive because we have given height to 400px so when it will be gonna increase in mobile version text will be overflowed what to do for that please help

  • @webtamil98
    @webtamil98 2 года назад

    Super bro 👍

  • @kimhuo9253
    @kimhuo9253 2 года назад

    what is your font and theme your code color

  • @jessecallas
    @jessecallas 2 года назад

    Hello, how can the symbol inside be made to rotate?
    Thanks

    • @jessecallas
      @jessecallas 2 года назад

      Like the symbol rotates 45 degrees by adding transform: rotate(45deg);
      Where and how should that be added?

  • @GyneMed-ck7kg
    @GyneMed-ck7kg Год назад

    how do i add the fourth till the 15th one?

  • @naukriboard9025
    @naukriboard9025 2 года назад

    Sir, How to add in WordPress
    WordPress ka bhi btado

  • @xarzu
    @xarzu 2 месяца назад

    Are you charging for the source code?

  • @muhammadalam9422
    @muhammadalam9422 2 года назад

    How to Change the Icon or Entity on Click?

  • @bharatichoudhury3503
    @bharatichoudhury3503 2 года назад

    Anek kichhu janlam

  • @jhojang.vargasrivera7855
    @jhojang.vargasrivera7855 2 года назад

    my proyect dont work, any help ??

  • @ClydeMoreno-n7h
    @ClydeMoreno-n7h 9 месяцев назад

    how do i hide all of them ?

  • @rahm4378
    @rahm4378 Год назад

    but what if i want to close alll

  • @bnlfans9760
    @bnlfans9760 2 года назад

    Apka selary monthly...??

  • @sakshamsharma4776
    @sakshamsharma4776 2 года назад +1

    😘

  • @kyithinsan9759
    @kyithinsan9759 6 месяцев назад

    It doesn't work for me :')

  • @sharanyyachanda
    @sharanyyachanda 2 года назад

    Can you please share the code

  • @wordpressdesign301
    @wordpressdesign301 2 года назад

    GROUBSEO WEBSITES KAISE BANAYE

  • @BikramjeetSingh-lv1qw
    @BikramjeetSingh-lv1qw 10 месяцев назад

    share this code plz

  • @omkarjadhav4107
    @omkarjadhav4107 Год назад

    source code ?

  • @archi806
    @archi806 Год назад

    аддуши братка если бы не ты я бы никогда в своей жизни эту дичь не сделал, ты меня мативацию паднял, и памог сделать акордэон

  • @MelkoR4111
    @MelkoR4111 2 года назад

    bad idea to work with hight

    • @GreatStackDev
      @GreatStackDev  2 года назад +1

      then use display: block and display: none; but there won't be any transition

  • @oulare5573
    @oulare5573 2 года назад

    Like

    • @allmemes3929
      @allmemes3929 2 года назад

      ruclips.net/video/JX09K0QvqmM/видео.html

  • @syediqbalahmed3176
    @syediqbalahmed3176 2 года назад

    vola ... ocay ...

    • @allmemes3929
      @allmemes3929 2 года назад

      ruclips.net/video/JX09K0QvqmM/видео.html

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

    Tq so much broo.... It's helpful to me

  • @thisishabib744
    @thisishabib744 2 года назад

    I video need / responsive dropdown menu using html css js without css chackbox
    Please reply
    ❣️❣️❣️from Bangladesh

    • @allmemes3929
      @allmemes3929 2 года назад

      ruclips.net/video/JX09K0QvqmM/видео.html

    • @allmemes3929
      @allmemes3929 2 года назад

      Now you can see this video

    • @allmemes3929
      @allmemes3929 2 года назад

      This is related accordion

  • @thisishabib744
    @thisishabib744 2 года назад

    I video need / responsive dropdown menu using html css js without css chackbox
    Please reply
    ❣️❣️❣️from Bangladesh