Skip to content
OverviewSolutions
30
Comments
85
suhayb jirde
@suhaybjirde

All comments

  • suhayb jirde•1,050
    @suhaybjirdePosted over 1 year ago

    hi! can i contact you pro If yes pls Here: https://m.facebook.com/profile.php?eav=Afan4uGtSnvZ2Tw7310DIcidu9dIm8_6D36tdCZpA8KVY_Orl-8XbX-g1SO9AoHwvc8&paipv=0

    0
  • suhayb jirde•1,050
    @suhaybjirdePosted over 1 year ago

    thanks pro yes i'm using 'keydown' event and data attribute to toggle that but i wrote a lot of unnecessary code i saw some guys did it like that with just 70 line of code and also i couldn't do the spacing when you try to write the card number there should be a space between every four digits but i'm still working on it you also did great pro you can also read my code to see how i did it

    0
  • suhayb jirde•1,050
    @suhaybjirdePosted almost 2 years ago

    Pixel perfect

    1
  • suhayb jirde•1,050
    @suhaybjirdePosted almost 2 years ago

    this is amazing keep up pro

    1
  • suhayb jirde•1,050
    @suhaybjirdePosted almost 2 years ago

    hi well done i've a little tip for you

    in your javascript file

    const study = document.querySelectorAll(".study");
const exercise = document.querySelectorAll(".exercise");
const social = document.querySelectorAll(".social");
const selfCare = document.querySelectorAll(".selfCare");
const work = document.querySelectorAll(".work");

    you can get them as a an Array instead

    const activity = document.querySelectorAll('.container')

    and also use the data file you were given instead of manually typing the data use fetch to get the data

    Marked as helpful
    1
  • NurkhatOr•270
    @NurkhatOrSubmitted almost 2 years ago

    Hello friends

    Here is my solution for faq-accordion-card-main challenge.

    It was first time when I made an accordion with JS. Also I've tried to write accessible HTML.

    The main problem I had was positioning images for desktop view. I wanted to make it look like the design, but I coudn't. Can someone tell what I should do in order to properly position images?.

    Please check it out.

    Solution for faq-accordion-card-main challenge

    1
    suhayb jirde•1,050
    @suhaybjirdePosted almost 2 years ago

    hi well done i see this little thing when you expand a question the other questions are still open you need to close other questions when you open one

    1
  • suhayb jirde•1,050
    @suhaybjirdePosted almost 2 years ago

    keep going pro i'v nothing to say you're far a head of me

    1
  • Aayush Jaiswal•860
    @aay7ushSubmitted almost 2 years ago

    I tried SASS/SCSS for the first time, I appreciate it if you have any feedback or suggestions regarding my solution.

    Notifications Page

    1
    suhayb jirde•1,050
    @suhaybjirdePosted almost 2 years ago

    well done pro I've a question if you don't mind i'm also trying to do this challenge and I've downloaded the start files the start files come with font folder how am i suppose to use that font i always use google font

    0
  • suhayb jirde•1,050
    @suhaybjirdePosted almost 2 years ago

    Congrats for finishing this challenge it's perfect but i hve it's notice i think you shoud add to your main container

    main {
   border-radius: 10px;
}
    Marked as helpful
    0
  • suhayb jirde•1,050
    @suhaybjirdePosted almost 2 years ago

    Well done but i have little advice that some gave me when i submitted this challenge

                <div class="comp">
              <h3>10k+</h3>
              <p>companies</p>
            </div>
            <div class="temp">
              <h3>314</h3>
              <p>templates</p>
            </div>
            <div class="que">
              <h3>12M+</h3>
              <p>queries</p>
            </div>
          </div>

    use ul of instead these div i it's not that much but it's good practice

    Marked as helpful
    2
  • suhayb jirde•1,050
    @suhaybjirdePosted almost 2 years ago

    Well done but i have some tips that may help you

    1. First you set body { height:100vh} for the desktop version and it's working then It comes to the mobile vertion then the content started overflowing to fix this issue you just write body { height: auto; don't specify a height }
    1
  • Fahim Hossain•290
    @Mr-NotSoCreativeSubmitted almost 2 years ago

    Hello Everyone!! 👋 This is my solution to the chat app css illustration challenge. Most of the layout I've designed with CSS Flex and the rest CSS Grid along with other CSS custom properties. Designing the mobile device was quite challenging along with the background images. But I've tried my best to to build out this landing page and get it looking as close to the design as much as possible. If there are any mistakes or I missed something let me know in the comment section. Feedback is welcome ✨

    Chat App CSS Illustration Using CSS Flex 💪 and Grid 🌐

    2
    suhayb jirde•1,050
    @suhaybjirdePosted almost 2 years ago

    well done it's amazing it was kind difficult when i was doing this challenge i like the animation though it's will be even cooler if some text are coming for left and some are coming from left and they have some kind of time delay 😍😍

    1