@kikiklangPosted over 2 years ago
Hey, some few tips. I just made this challenge and found a way to get this quotes right.
.advice-sentence::before { content: "\201C"; }
.advice-sentence::after { content: "\201D"; }.
Also, you wrote a function in JS to get the divider svg right. You can avoid that , simply do the following in your HTML
<picture>
<source media="(max-width: 576px)" srcset="./pattern-divider-mobile.svg" />
<img class="advice-divider" src="./pattern-divider-desktop.svg" alt="a divider" />
</picture>
overall, your design is great, however your javascript could be simpler. gg.
Marked as helpful
1