@KaifUlMajed
Latest solutions
Latest comments
- @abhineetkandele
Great Job!!
Few suggestions from my end.
- Font can be imported directly inside the CSS file.
- Try building this without using JS. Use details & summary HTML tags for accordion and picture tag for different images in different breakpoints. It would be fun.
- @DaoudAnas13@abhineetkandele
Nicely done!!
Few comments from my end.
- Background image is covering a lot of area even on desktop view.
- When clicking a question, the whole card is sticking to the top of the page.
- Font can be imported directly inside the CSS file.
- And I would definitely recommend checking the accessibility issues in the report.
You could check out my solution using the below link. https://github.com/abhineetkandele/Frontend-Mentor-FAQ-Accordion-Card
It's not very great but I hope it may help.
In case, you feel something can be improved. Please do let me know.
- @oinsur@abhineetkandele
Nicely done!!
I would definitely recommend checking out the accessibility issues in the report.
Marked as helpful - @thibault-barrat@abhineetkandele
Great Job!!
Try building this without using JS. Use details & summary HTML tags for accordion and picture tag for different images in different breakpoints.
- @Art-wdt@abhineetkandele
Great Job!!
Few suggestions from my end.
-
Try to make UI look as much as possible close to the designs, it would be fun. = Arrows are hanging outside in Desktop view. And are sticking to the text in mobile view. Try checking both the issues. = Also, try adding a background image to the mobile image as well. = using linear-gradient in background
-
Font can be imported directly inside the CSS file.
-
Try building this without using JS. Use details & summary HTML tags for accordion and picture tag for different images in different breakpoints.
-
Also, try to make the accessibility issues in the report to zero.
Marked as helpful -
- @rngueco@abhineetkandele
Superb Job!!
Using all the latest HTML tags & building a accordion using only HTML & CSS. 🙌🙌
