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

Submitted

Responsive FAQ Accordion

@nkshey

Desktop design screenshot for the FAQ accordion coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

P
DalaScript 380

@DalaScript

Posted

Hey, Good Job!

ძალიან კარგი ნამუშევარია, ბევრი არაფერია სათქმელი, მინიმალური ვიზუალური ხარვეზებია, მაგრამ საერთო ჯამში კარგი ნამუშევარია.

ბაგი რომელიც ვიპოვე იყო:

1. მობაილ ვერსიისთვის, როდესაც FAQ-ის კითხვაზე აქლიქებ, ჰოვერის ეფექტი იკარგება და უბრალოდ ვარდისფერი ფერი რჩება ტექსტზე.

წარმატებები!

Nika.Dala

0

@nkshey

Posted

@NikaDalalishvili სალამი. მადლობა გამოხმაურებისთვის.

ბაგი ვერ მივხვდი. როგორ უნდა იყოს, თუ შეგიძლია სხვანაირად რომ ამიხსნა😁

ვიზუალს რაც შეეხება, ფიგმა ფაილთან წვდომა არ მქონდა და ვეცადე მაქსიმალურად მიმეახლოვებინა😁

0
P
DalaScript 380

@DalaScript

Posted

@nkshey გადადი პროექტის ვებგვერდზე, გახსენი Inspect, და მერე Ctrl+Shift+M-ით გადართავ Device toolbar-ზე, და დააქლიქე კითხვაზე და შეამჩნევ, თითქოს ჰოვერის ეფექტს იტოვებს და ვარდისფერ ფერს ტოვებს ტექსტზე.

მე ვიყენებ ყოველთვის მედიას, რომ hover-ის ეფექტი მხოლოდ დაკლიკებად მოწყობილობებზე იყოს და არა მობილურ დევაისებზე. ერთგვარი ოპტიმიზაციაა, იმიტომ რომ hover მობაილ დევაისებს არ ჭირდება.

@media (hover: hover) and (pointer: fine){} - ზუსტად იგივე სინტაქსია, როგორ მედია ზომისთვის, შეგაქვს ელემენტები და გაუწერ ჰოვერის ეფექტს.

0

Please log in to post a comment

Log in with GitHub
Discord logo

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord