Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

All solutions

  • Submitted


    Hi All Coders.

    It's my 7th Challenge here. I tried to make this "Four Card Feature Section" as much close look to the Figma file I download. I think it is very close.

    Let me know what you think.

    Happy coding to everyone πŸ±β€πŸπŸŽ‰

  • Submitted


    Hi All Coders.

    It's my 6th Challenge here. I tried to make this "Coding Bootcamp Testimonials Slider" as much close look to the Figma file I download. I think it is very close.

    I had some problems with Javascript to make nice Fade out - Fade in effect for photos. If you have any better solution let me know.

    Happy coding to everyone πŸ±β€πŸπŸŽ‰

  • Submitted


    Hi All Coders.

    It's my 5th Challenge here. I tried to make this Article Component as much close look to the Figma file I download. I think it is very close.

    I had some problems with Javascript to open Socials. If you have any better solution let me know.

    Happy coding to everyone πŸ±β€πŸπŸŽ‰

  • Submitted


    Hi,

    It's my 4th Challenge Here.

    I tried my best with Javascript in this challenge to make Form - email working. Let me know if you have any suggestions for this part?

    I tried to work a lot about making this Design Responsive as much as possible. I struggle with some parts because can't easily use here Flexbox or Grid. Let me know maybe you have some ideas on how to manage this Design with Flexbox or Grid?

    Happy Coding to everyone B-)

  • Submitted


    My Third Challenge Here.

    I tried to work with Flex in this challenge. Right now I'm not sure if I used it enough well.

    Maybe someone can look at the source code and let me know how to improve Flex in this Project?

    I tried my best with Flex to be Responsive. So I made an extra @media section to transform for smaller Viewports. I copy there almost all SCSS from other files to make changes to Mobile Phones. But I think this is not exactly how I should manage it.

    Maybe someone has a better idea of how to manage SCSS files and use @media for Responsive?

  • Submitted


    My Second Challenge Here.

    I make the final look a little different from Challenge Files.

    • add a border around Card
    • make different shadows
    • change arrows color
    • add some other little changes

    All the work I based on Anna Lapina FAQ Accordion Card. Learn a lot by doing this.

    I have one question now that I couldn't figure out.

    _animation.scss

    .faq__desc.show-description { height: 4rem; }

    index.html

    `<dd> <p id="faq1_desc" data-qa="faq__desc" class="faq__desc show-description"> You can invite up to 2 additional users on the Free plan. There is no limit on team members for the Premium plan. </p>

    </dd> `

    This code in _animation.scss and index.html is responsible for line height when the Question is open. Because of that Question can have just 3 lines to not disappear on the bottom.

    How to manage this code better so I can have even 10 lines Question and this will not disappear on the bottom?

  • Submitted


    Hi All,

    I am really new to coding and would appreciate any feedback!

    This is my First Challenge Here.

    I try to make this Challenge as close to the original but finally, I change some CSS to:

    1. Add borders,
    2. Add shadows,
    3. Make some small animations.

    Right now I would like to make this project responsive.

    Can you tell me:

    1. How to keep background circles in the same position when the viewport is changed to mobile?

    Hope someone will be able to assist or point out the problem!

    Thank you!