Skip to content
OverviewSolutions
18
Comments
270

C H A R A N 🎯

@0xabdulIndia2,670 points

FOCUS ON LEARNING 🎯 | Aspiring Front End Developer | HTML , CSS ,JS | Computer Science Student 🖥️ | love to learn web dev | Web Enthusiastic 🔗 | Creating a Wonderfull web sites with using front end devlopment ❤️

I’m currently learning...

🏷️ HTML , 🎨 CSS , 🛠️ JAVASCRIPT , 🖇️ TAILWIND-CSS , SASS

Latest solutions

View more solutions

Latest comments

  • C H A R A N 🎯•2,670
    @0xabdul

    Nice man good job ✨

  • grgrnkoo•520
    @grgrnkoo
    What are you most proud of, and what would you do differently next time?

    Open it! It has animations!

    My 22/22 of free HTML/CSS challenges here. This project how my skills grew, completing each of these challenges. Glad to have it done and feeling confident to start learning JS. Hope to come back for another batch of JS challenges in a month or two

    Chat App Solution Animated no Figma

    1
    C H A R A N 🎯•2,670
    @0xabdul

    grgrnkoo your chat app css illustration animations is very amazing ✨

  • stautuan•160
    @stautuan
    What are you most proud of, and what would you do differently next time?

    My first JavaScript project! I am extremely proud of completing this project. There were many challenges in this one, such as naming classes and variables, getting the tip buttons and custom tip to work the way I wanted them to.. In the end, this simple statement made my entire logic work:

    let selectedTip = 0;

    While there's room for improvement in my code, the sheer satisfaction of seeing it work brings me so much joy and relief. This was a fun one. Feedback is also welcomed! 😁

    Tip Calculator with JavaScript (Responsive)

    1
    C H A R A N 🎯•2,670
    @0xabdul

    @stautuan your tip calculator is very super and responsive also ✨

  • Louis Marie Atoluko Ayariga•170
    @almamarie
    What are you most proud of, and what would you do differently next time?
    • none
    What challenges did you encounter, and how did you overcome them?

    • Many of the fields were missing in some countries data e.g, some countries did not have borders, capital, currencies, etc. This caused errors when running the application. I had to randomly click on countries to try and fce the errors so I know where to model the application to catch those errors.

    • The Documentation on the rest-countries API website does not contain much information. Response objects and fields are not explained

    What specific areas of your project would you like help with?
    • I would love to know how to add dark mode theme to the application when using :root in my css modules.

    Responsive Countries Rest API Website With React.js and CSS Modules

    #react
    2
    C H A R A N 🎯•2,670
    @0xabdul

    Your projects is so nice 👍

  • C H A R A N 🎯•2,670
    @0xabdul

    thank you rajab marza ✨

    And your Projects also very nice

  • C H A R A N 🎯•2,670
    @0xabdul

    Hi Luis Gustavo well congratulation completing on qr code component ✨

    I noticed that the qr code component is currently not center-aligned. Center-aligning this component could provide a more balanced and visually pleasing layout, making it easier for users to focus on the content without any distractions.

    which can greatly improve the overall look and feel of the interface. Users are naturally drawn to centered content, as it helps maintain a consistent visual hierarchy and enhances readability. i give solution for center aligning the component

    Solution ✅

    In Css 🎨 :

    body{
display:flex;
align-items:center;
justify-content:center;
min-height:100vh;
}

    I Hope its usefull for you ! ✨

    Marked as helpful
View more comments