Skip to content
OverviewSolutions
20
Comments
29
Art
@Art-wdt

All comments

  • Art•420
    @Art-wdtPosted about 3 years ago

    Maybe it doesn't matter.

    1. About this - check your report https://www.frontendmentor.io/solutions/responsive-landing-page-using-css-flexbox-f7wwnBubd/report

    2. Please see design files in your challenge. I think .testimonials{background-color: rgb(255, 251, 248);} for example

    0
  • Art•420
    @Art-wdtPosted about 3 years ago

    Hi @brodiewebdt ! I completed this challenge just now.

    I have no words. I liked your work. Great job. Excellent burger menu

    Wish you happy coding!

    Marked as helpful
    0
  • Art•420
    @Art-wdtPosted about 3 years ago

    Hi @DeCaptainDan ! I completed this challenge just now. I liked your work. Great job

    What about:

    1. HTML5 Landmark Elements
    2. Background color of the section with reviews
    3. <ul> must directly contain only <li>
    4. Burger menu doesn't work

    Wish you happy coding!

    0
  • Art•420
    @Art-wdtPosted over 3 years ago

    Hey! Great job! Keep coding! Improve your web developer skills

    Where are your answers to questions? Answer # 1, Answer # 3-5 are missing

    I also did this and used jQuery. I will be glad to your opinion. Please see my work.

    Happy coding!

    0
  • Art•420
    @Art-wdtPosted over 3 years ago

    Hey! Great job! Keep coding! Improve your web developer skills

    You can make background-color:white; for FAQ`s block.

    Heading bolder when click that will be perfect.

    Also, when every answer are opened, it is makes the design more boring. You could have either:

    1. Make the block height larger. to contain everything when too many menus are opened. or
    2. Open only one answer at a time. When opening the next one, close the previous one.

    I also did this and used jQuery. I will be glad to your opinion. Please see my work.

    Happy coding!

    Marked as helpful
    0
  • Art•420
    @Art-wdtPosted over 3 years ago

    Hey! Great job! Keep coding! Improve your web developer skills

    You can make arrow rotate (180deg)

    Also, when every answer are opened, it is makes the design more boring. You could have either:

    1. Make the block height larger. to contain everything when too many menus are opened. or
    2. Open only one answer at a time. When opening the next one, close the previous one.

    I also did this and used jQuery. I will be glad to your opinion. Please see my work.

    Happy coding!

    0
  • Thibault•205
    @thibault-barratSubmitted over 3 years ago

    Hi,

    This challenge was quite fun :) Any feedback would be appreciated

    Thanks

    Animated FAQ accordion

    3
    Art•420
    @Art-wdtPosted over 3 years ago

    Hey! I love your job! Looks great!

    But what about keeping your block height fixed? Now the picture of the background is driving parallel to the answers. Maybe I'm wrong.

    In any case, your work looks cooler than mine. I also did this and used jQuery.

    Happy coding!

    0
  • Art•420
    @Art-wdtPosted over 3 years ago

    Hey! @PHnrq

    Great job! I like it.

    But what about keeping open only one question? Not all questions would be opened. Close previous, open new. The height will not increase.

    I have completed this challenge. Maybe not as great as you are. I used jQuery.

    Happy coding!

    Marked as helpful
    0
  • Art•420
    @Art-wdtPosted over 3 years ago

    Hey! Great job! I like it.

    But what about keeping open only one question? Not all questions would be opened. Close previous, open new. The height will not increase.

    Or you can use overflow:scroll;

    I have completed this challenge. Maybe not as great as you are. I used jQuery.

    Happy coding!

    Marked as helpful
    0
  • Art•420
    @Art-wdtPosted over 3 years ago

    Hey! Great job! I like it.

    But what about keeping open only one question? Not all questions would be opened. Close previous, open new. The height will not increase.

    I have completed this challenge. Maybe not as great as you are. I used jQuery.

    Happy coding!

    0
  • ApplePieGiraffe•30,545
    @ApplePieGiraffeSubmitted over 2 years ago

    Hey, everybody! 👋

    This was a fun challenge in which I learned how to use and style the <details> and <summary> HTML elements.

    I also added a bobbing animation to the floating cube (with a small touch from the drop-shadow CSS function) and animated the linear-gradient background with this helpful tool.

    I'm quite happy with the result! 😊

    Any feedback on both the design and code is welcome and appreciated! 😃

    Happy coding! 😁

    EDIT: For some reason, the details marker on each of the FAQs is showing up in the screenshot (even though I set their display to none) but they're gone on the actual page, as far as I can tell.

    Pure CSS FAQ Accordion Card With Sweet CSS Animations

    19
    Art•420
    @Art-wdtPosted over 3 years ago

    Hey @ApplePieGiraffe ! Always, you surprise me with the level of your skill. This is probably one of the best accordion challenges on this site. I will learn a lot from your example.

    How about making it look great on a screen less than 310px wide? Maybe I'm wrong. Perhaps my question is stupid. Thanks anyway for your great example!

    Happy coding!

    2
  • Art•420
    @Art-wdtPosted over 3 years ago

    Wow! Pixel perfect! I am very surprised by your work!

    0