Submitted
Olena Shevchenko
@olenahelena
All solutions
Submitted
Submitted
Notifications page solution
- HTML
- CSS
- JS
Submitted
Age calculator app solution
- HTML
- CSS
- JS
Submitted
Article preview component solution
- HTML
- CSS
- JS
Submitted
Submitted
Submitted
Submitted
Submitted
FAQ accordion card solution
- HTML
- CSS
- JS
Somehow when I click on question, previous item doesn't hide properly, I don't know how to fix it.
Submitted
QR code component solution
- HTML
- CSS
Submitted
I wonder if it is possible to use span elements for creating a rate line, instead of a list with buttons. Is it semantically correct? I will add a snippet of code, which I wrote at first.
html: <div class="rate_numbers"> <span class="numbers">1</span> <span class="numbers">2</span> <span class="numbers">3</span> <span class="numbers">4</span> <span class="numbers">5 </span>
</div>scss: rate_numbers { margin-bottom: 23px; display: flex; justify-content: space-between; } .numbers { display: inline-block; background-color: var(--dark-blue-grey); text-align: center; width: 37px; height: 37px; padding: 10px; border-radius: 30px; cursor: pointer; transition: all 0.5s ease; } .numbers:last-child { margin-right: 0; }
.numbers:hover { background-color: var(--orange); color: var(--white); } .numbers:active { background-color: var(--medium-grey); color: var(--white); }
Submitted
Would like to hear constructive criticism 🙂
Submitted
I am unsure with the amount of div in my html code. I wonder if everything is correct there.
Submitted