Aadvik

Latest comments

• 

  Lestat Louis Ariola•40

  @llariola00Submitted over 1 year ago

  

  NFT Preview Card using Bootstrap

  #bootstrap

  1

  60
  

  Aadvik•1,250

  @Aadv1kPosted over 1 year ago

  Good, clean and polished. What else can one expect from such a challenge? Good work pal! I would have said mobile responsiveness but it looks great even on small screens

  1
• 

  Graeme Byrne•520

  @grmbyrnSubmitted over 2 years ago

  

  Single page design portfolio

  1

  30
  

  Aadvik•1,250

  @Aadv1kPosted over 2 years ago

  Hey! I don't have pro but attempted this challenge nonetheless (courtesy of you for the assets) Here is the github link live url

  The way I sovled the issue, was to just align all the images with a flex, justify them on the center and just translate the container by the width of a image on the arrow click

  0
• 

  Aadvik•1,250

  @Aadv1kSubmitted almost 3 years ago

  

  A expenses chart componenet with soft pastel colors

  #tailwind-css#bem

  2

  41
  

  Aadvik•1,250

  @Aadv1kPosted almost 3 years ago

  Holy hell I just saw the 40 html mistakes, but most of them seem to be the doings of tailwind and webpack, so I don't think I can fix em

  0
• 

  P

  Kent O'Sullivan•1,870

  @12KentosSubmitted almost 3 years ago

  

  FAQ-Accordion-Card

  #sass/scss#bem

  1

  60
  

  Aadvik•1,250

  @Aadv1kPosted almost 3 years ago

  this is because of the way your app is centered and the approach, this is why you should opt for a mobile first approach, on mobile do something like .card { width: 80%; max-width: 700px} and done, simple as that, no need to worry about the sizing, and also, when centering elements horizantally within the body use margin: 0 auto and use position absolute for the vertical centering, sorry if my comment is a bit vague, feel free to ask me anything

  Marked as helpful

  1
• 

  serfoll•120

  @serfollSubmitted almost 3 years ago

  

  Responsive Advice Generator App Built With Reactjs

  #parcel#react#styled-components#node

  1

  71
  

  Aadvik•1,250

  @Aadv1kPosted almost 3 years ago

  hey man great design, just one small suggestion, (this is something even I do and am trying to avoid) that is hover, I would say you should add a :active animation to your button to make it clicky both on mobile and deskop. The problem with a hover is that it is sticky on mobile, which makes it irritating, in my newer projects I avoid using hover in most cases, especially where the effect is visible (box-shadow for instance) instead I try and add active animations that trigger when the button is clicked.

  Marked as helpful

  1
• 

  Moses•130

  @mtenkorangSubmitted almost 3 years ago

  

  NFT Card Preview HTML and CSS

  #sass/scss

  1

  40
  

  Aadvik•1,250

  @Aadv1kPosted almost 3 years ago

  Your design is great just a little suggestion -- add a media query for smaller screens like so -- @media only screen (min-width: 375px) {} and here you can maybe adjust some fonts and the width of the card.

  0