Skip to content
OverviewSolutions
10
Comments
4
Abdulhamid Adeniji
@Alpha437

All comments

  • shnItt1•20
    @shnItt1Submitted about 1 year ago
    • practice using Tag and Selector
    • practice Git/Github
    • practice deploy static web (but I have some problem that I can't deploy live site because some error on google chrome)

    shn1t-results-summary

    1
    Abdulhamid Adeniji•160
    @Alpha437Posted about 1 year ago

    Do you mind elaborating on the chrome error?

    1
  • Abdulhamid Adeniji•160
    @Alpha437Posted about 1 year ago

    Nice... But if this really was a product website you'd be confusing your clients, because they'll see something different on mobile and another on larger screen.

    Also you might wanna work on your breakpoints.

    2
  • Philip Droubi•575
    @Philip-DroubiSubmitted about 1 year ago

    Hey everyone 🙋‍♂️, this is my solution for Rock-Paper-Scissors challenge. I've tried to take the challenge to another level😃.

    What did I try to do?

    • First of all, I put the two modes into the game 📳
    • Many changes in design 🎨
    • I've added some effects & animations 🌟
    • Working on PWA (prograssive web application) to make it downloadable on Win/Mac/Linux/Android/IOS...etc, Maybe you want to try your luck offline in a standAlone application 🚀
    • Using local storage to save the score🎯
    • ability to reset your score 🔄

    Please take a look and give me some feedback. Thanks :)

    Rock-Paper-Scissors with PWA(Progressive Web Application)

    4
    Abdulhamid Adeniji•160
    @Alpha437Posted about 1 year ago

    I love how much work you've put into this... It stands out totally from every other solutions.

    Great job!

    1
  • Abdul Khaliq 🚀•72,560
    @0xabdulkhaliqSubmitted over 1 year ago

    👾 Hello, Frontend Mentor Community,

    This is my solution for the FAQ Accordion Card Challenge .

    • I learned how to use and style the <details> and <summary> HTML elements.
    • Eventhough the <details> doesn't need JavaScript i used it to ensure that only one summary want to show up during others are closed.
    • If all summary are opened it's not looking nice, so only i provided that logic using js
    • Scored 100% on Google Pagespeed Insights! 🤩
    • Layout was built responsive via mobile first workflow approach
    • Had a lots of fun building this challenge !

    Now for the questions :

    • I have no idea about heading structures, if you have any idea regarding to improve my heading structure then please leave a feedback
    • And the <details> element has support for tabfocus, so when the user hits the tab then outline will arise if user hit enter then summary is opened. But how a visibility disabled person can use this ? i used screen readers but i'm not satisfied with that
    • Finally, Feel free to leave any feedback and help me to improve my solution (or) make the code clean!

    .

    👨‍🔬 Follow me in my journey to finish all newbie challenges to explore solutions with custom features and tweaks

    Ill be happy to hear any feedback and advice !

    FAQ Accordion Card 🎯 [ USING DETAIL SUMMARY - VANILLA CSS3 - BEM ]

    2
    Abdulhamid Adeniji•160
    @Alpha437Posted over 1 year ago

    This is nothing short of perfection... Great job sire💫

    1