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 comments

  • Junior• 40

    @ejmabunda

    Posted

    Hi @Dejorden94, regarding the lines, I just set the two background svgs provided as background image to the <body>, then used media queries to toggle between the mobile and desktop background.

    I'm not sure why you decided to hard code the svg path 😬, but great job on the design. Hope this helps.

    1
  • Junior• 40

    @ejmabunda

    Submitted

    My second solution on this platform built with HTML, SASS and JavaScript to toggle the questions.

    I wanted to add a transition when the questions are expanding but it looks weird because the margin also needs to be animated. Did anyone also face the same problem?

    I appreciate any feedback you might have. 🙌

    Responsive FAQ accordion

    2

    Junior• 40

    @ejmabunda

    Posted

    Hi @TeixeiraCamila, you're correct, .accordion-content has no margin, but when the question has expanded the .active class gets added which adds the margin. So, I removed the margin added by the .active class and placed in accordion-content, and that worked.

    Your english is good don't worry, and thanks for the taking the time to go through my code. I will try to animate the icon as well.

    0
  • Junior• 40

    @ejmabunda

    Posted

    Hi @Anlperr, for semantics, try to avoid divs where possible. Instead use semantic elements like section, header etc. For example, use figure for the card-image, and use section for the card-content. This improves SEO of your page. Otherwise, the design looks good 👌 🙌 Hope this helps.

    2
  • Junior• 40

    @ejmabunda

    Posted

    Here's my solution for the blog preview card challenge. Tech stack:

    • HTML
    • CSS (SASS)
    • Git

    Feel free to provide any feedback or tips on how I can improve this solution. Thanks.

    0
  • DEVADE/• 80

    @AdeMEDIA

    Submitted

    This is my submission for the Blog Card project. The project focuses on creating a responsive and visually appealing card using HTML and CSS.

    Features:

    • Structured content with semantic HTML elements.
    • Design with CSS.

    Are there any suggestions for improvements?

    I would greatly appreciate any feedback.

    Thanks in advance, developers! ❤️

    Blog Card Preview

    2

    Junior• 40

    @ejmabunda

    Posted

    I might be nitpicking, but there's a border around the card which you forgot to add, and the author's name is too close to the avatar. Apart from that, it looks good.

    1