How to Make FAQ Page Design using HTML and CSS

Поділитися
Вставка
  • Опубліковано 13 гру 2024

КОМЕНТАРІ • 53

  • @EeeeeeggyWeggy
    @EeeeeeggyWeggy 7 місяців тому +1

    here is a basic javascript code incase if u dont understand
    function accordian(){
    var acc= document.getElementById("acc11")
    acc.classList.toggle("block");
    }
    give acc11 id to pannel and put onclick="accordian()" in the button and lastly create a class in css named block and write display=block in it

  • @rudhravarammanohar7196
    @rudhravarammanohar7196 Рік тому +4

    It is working. But I want to apply transition for opening tags. For that where I have to write transition property ?

  • @shayleebaumgartner5253
    @shayleebaumgartner5253 11 місяців тому +2

    Thank you so much! It looks amazing!

    • @finegap
      @finegap  11 місяців тому +1

      I'm glad you like it & don't forget to subscribe me :)

  • @SaineAPR24
    @SaineAPR24 5 місяців тому

    what is the purpose of though

    • @finegap
      @finegap  5 місяців тому +1

      it is used to italic the text - its html tag

  • @osmfamily9532
    @osmfamily9532 8 місяців тому

    I know front end development.. html,css and java script..... So which language do you recommend for backend.. python or php

    • @finegap
      @finegap  8 місяців тому

      First clear logics with PHP then you can learn python.

    • @osmfamily9532
      @osmfamily9532 8 місяців тому

      @@finegap do i have to learn both language s..or one of them is enough for backend

  • @prachichaudhari785
    @prachichaudhari785 7 місяців тому

    Great

    • @finegap
      @finegap  7 місяців тому

      You're most welcome & don't forget to subscribe me :)

  • @Ne0n425
    @Ne0n425 10 місяців тому

    thank you so much sir

    • @finegap
      @finegap  10 місяців тому

      Most welcome & don't forget to subscribe me :)

  • @abiel237
    @abiel237 Рік тому +1

    Thanks it works

    • @finegap
      @finegap  Рік тому

      You're welcome! & don't forget to subscribe me :)

  • @WednesdayAddam-bf5bt
    @WednesdayAddam-bf5bt 5 місяців тому

    Thank you it works

    • @finegap
      @finegap  5 місяців тому

      Your Welcome & don't forget to subscribe me :)

  • @TranNguyen-mv6ln
    @TranNguyen-mv6ln Рік тому +1

    Thank you so much

    • @finegap
      @finegap  Рік тому

      welcome and don't forget to subscribe me :)

  • @santiagomarin7
    @santiagomarin7 8 місяців тому

    I am new to web development, and I am learning by myself. I already took a course on free code camp, and I am creating my first project. I want to know, which text editor you recommend to me guys? I use a MacBook pro, and if the editor is free better. Thank you so much.

    • @finegap
      @finegap  8 місяців тому +1

      you can use visual studio code, its free on mac as well. and its best.

    • @santiagomarin7
      @santiagomarin7 8 місяців тому

      @@finegap Thank you so much for the answer. I followed the tutorial, but I do not know what I did wrong, and it is not working :(, any advice?

    • @melvin5327
      @melvin5327 5 місяців тому +1

      Yes Visual code is really great to use. I learning coding as well. Doing these project has help me. Better than reading the books! This guy is good because he explains what he’s doing!

    • @santiagomarin7
      @santiagomarin7 5 місяців тому

      @@melvin5327 I agree with you

  • @akhilbasuthkar8793
    @akhilbasuthkar8793 Рік тому +2

    is it working on click?? because it isnt for me

    • @finegap
      @finegap  Рік тому +1

      it is for you and it will work on click by the way whats the matter?

    • @adnanmalik1794
      @adnanmalik1794 Рік тому

      Did you able to fix it?

    • @akhilbasuthkar8793
      @akhilbasuthkar8793 Рік тому

      @@adnanmalik1794 yes I did but i don't know what I did 😅

  • @innocentboy02
    @innocentboy02 9 місяців тому

    how to make this transition smooth?

    • @finegap
      @finegap  9 місяців тому

      try some properties for smoothness you can try by searching on google

  • @Weaklings911
    @Weaklings911 4 місяці тому +1

    Appreciate and thanks you for how hard you are trying, but there is a tip improve ur English grammar you have loots of mistakes

    • @finegap
      @finegap  4 місяці тому +1

      I will try my best

  • @kolponajosna
    @kolponajosna 2 місяці тому +1

    Moore Mark Jones Charles Clark Joseph

  • @aceshimara8405
    @aceshimara8405 Рік тому

    Why is it not working, the arrow is opening but does not close back. I have to refresh the page :(, please help ....

    • @finegap
      @finegap  Рік тому

      need to check the issue, please explain me in whatsapp

  • @MsSandyblair
    @MsSandyblair Рік тому +1

    Why didn't you say includes java?

    • @finegap
      @finegap  Рік тому +2

      where, maybe talking about javascript

  • @snackvideos4361
    @snackvideos4361 Рік тому

    Can you send basic html structure code because I didn’t see it all

    • @finegap
      @finegap  Рік тому

      you can watch from video please, thanks

  • @0xtabs
    @0xtabs 8 місяців тому

    omg why you scream, you fcking scared me

  • @adnanmalik1794
    @adnanmalik1794 Рік тому

    my is not working when i was clicking.

    • @finegap
      @finegap  Рік тому

      Issue in your code

  • @shreydiklearnings
    @shreydiklearnings Рік тому

    It is not working on click.

    • @finegap
      @finegap  Рік тому

      please check console and as well recheck your code with the video, thanks

    • @shreydiklearnings
      @shreydiklearnings Рік тому

      @@finegap Everything is fine and I have rechecked your code.

    • @devna-rosexx6222
      @devna-rosexx6222 9 місяців тому

      Not working on click for me either and code is fine 😢

  • @shivachary2948
    @shivachary2948 4 місяці тому

    hi

  • @promiseololade5050
    @promiseololade5050 3 місяці тому

    It didn't work

    • @finegap
      @finegap  3 місяці тому

      whats an error?

  • @melvin5327
    @melvin5327 5 місяців тому

    He didn’t rotate the chevron on click! So I add this .active .accordion I {transform:rotate(180deg); transition:transform 0.2s 0.1s;}