Adarsh

Latest comments

• 

  👾 Ekaterine Mitagvaria 👾•7,780

  @catherineisonlineSubmitted almost 3 years ago

  

  REST Countries API with color theme switcher

  #react

  14

  15412
  

  Adarsh•1,640

  @adram3l3chPosted almost 3 years ago

  Hi Catherine you did a great job :) . You can sort out the border issue by making the border as a component itself and fetch about that country on that component. Also the problem of github pages with SPAs can be solved by using something like

  (function(l) {
          if (l.search[1] === '/' ) {
            var decoded = l.search.slice(1).split('&').map(function(s) { 
              return s.replace(/~and~/g, '&')
            }).join('?');
            window.history.replaceState(null, null,
                l.pathname.slice(0, -1) + decoded + l.hash
            );
          }
        }(window.location))
  

  You can refer about the same here

  Marked as helpful

  2
• 

  Angela Thompson•20

  @thomps0189Submitted about 3 years ago

  

  QR Card Component Solution

  1

  20
  

  Adarsh•1,640

  @adram3l3chPosted about 3 years ago

  Hi Angela congrats on finishing the challenge. It seems like the image is missing. When I gone through your code I found the href you are using is /images/image-qr-code.png. The / means the root. When you host your site the root wont be your root folder. So you have to simply omit the / or simply use ./ instead of / which denotes the current folder.

  images/image-qr-code.png

  or

  ./images/image-qr-code.png

  4
• 

  Bhremada Fevreano•1,395

  @boedegoatSubmitted about 3 years ago

  

  Interactive comments section using Next.js + Tailwind + Prisma

  #next#tailwind-css

  3

  70
  

  Adarsh•1,640

  @adram3l3chPosted about 3 years ago

  Hi Bhremada Fevreano congratulations on finishing the challenge. Everything working just fine on all screen sizes. But It seems like from initial load infinite requests are sent to the server to fetch comments. Take a look at the problem. Also check the accessibility issues too.

  This thing not allowing me to submit the feedback since it is short so this is just blabbering dont care about this line

  Marked as helpful

  1
• 

  👾 Ekaterine Mitagvaria 👾•7,780

  @catherineisonlineSubmitted about 3 years ago

  

  FAQ Accordion Card

  6

  890
  

  Adarsh•1,640

  @adram3l3chPosted about 3 years ago

  HI Catherine congratulations for finishing the challenge, you did a great job. I recommend the details tag for creating these kind of accordions. It is easier with the HTML elements "details" and "summary". In this way you can quickly create a perfomant and accessible accordion. CSS is only needed to create the accordion elements.

  You can refer about the details tag here

  1
• 

  sanket kumar•300

  @sanketcharanpahadiSubmitted about 3 years ago

  

  #Mobile-first approach

  #accessibility

  2

  40
  

  Adarsh•1,640

  @adram3l3chPosted about 3 years ago

  It is caused by you've set position absolute to its child. Position absolute will take the element out of the flow. Since that div is the only child of main if it is gone main will feel empty :(

  Marked as helpful

  2
• 

  Mamadou•110

  @404diabySubmitted about 3 years ago

  

  QR code page using CSS flexbox

  2

  40
  

  Adarsh•1,640

  @adram3l3chPosted about 3 years ago

  Your body now have a height equal to the card. So vertical align won't work. Give body height:100vh

  Marked as helpful

  0