Skip to content
OverviewSolutions
13
Comments
26
Sahas saurav
@SahasSaurav

All comments

  • Sahas saurav•745
    @SahasSauravPosted over 3 years ago

    great solution and pixel-perfect site ... Where did you learn scss any crash recommendation?

    0
  • Sahas saurav•745
    @SahasSauravPosted almost 4 years ago

    great animation and responsive even i have also tried this challenge just check my solution link- https://next-pomodoro.vercel.app/ and please give feedback to me and my github repo https://github.com/SahasSaurav/next_pomodoro and even i also soved the state maagement with context api and useReducer just give a look to it

    1
  • Chloe Echikson•220
    @clowormSubmitted almost 4 years ago

    Hi Everyone!

    I put a lot of effort into getting the flip animation right. Let me know what you think!

    I also added a bonus feature that lets you customize the date you're counting down to. Just pass in an ISO 8601 Date String into the date query param to use it.

    Countdown to Christmas 2021: https://countdown.cloworm.vercel.app/?date=2021-12-25T05:00:00.000Z

    Countdown to 2022: https://countdown.cloworm.vercel.app/?date=2022-01-01T05:00:00.000Z

    Countdown w/ Flip Animation & Customizable Dates

    3
    Sahas saurav•745
    @SahasSauravPosted almost 4 years ago

    Hey, great job and really love the way you are using svg. Everything looks fabulous and responsive

    1
  • Matt Kissinger•60
    @MatthewKissingerSubmitted about 4 years ago
    1. With the desktop background image:

    I was having difficulty having it only cover the bottom half of the page without repeating so I decided on having it cover the entire background starting at 380px. Any tips or hints to solve this problem would be appreciated.

    Mobile first using HTML and CSS

    2
    Sahas saurav•745
    @SahasSauravPosted about 4 years ago

    use background-size:contain background-repeat: no-repeat and background-position: bottom for background image

    0
  • Sahas saurav•745
    @SahasSauravPosted about 4 years ago

    use the max-width in form reduce the width in form element and decrease the line-height the h1 in larger screen

    form{ max-width:550px }

    0
  • Sol B W•80
    @solybarrSubmitted over 4 years ago

    Hi I'm a little disappointed by this one, it was harder than I thought. I had trouble with the relative/absolute positioning of the Call to action that overlaps the footer. I couldn't center it the normal way with margin 0 auto because of the positioning. I couldn't size it correctly either. Thanks for any help.

    Huddle Landing Page with Blocks

    5
    Sahas saurav•745
    @SahasSauravPosted over 4 years ago

    the reason behind the accessibility issue is each must be uniquely identity from other so use aria-label attribute and this aria-label attribute also help with screen reader how to describe about the link. <a href="www.facebook.com" aria-label="facebook">Facebook</a>

    0
  • Sahas saurav•745
    @SahasSauravPosted over 4 years ago

    use flexbox to align it in center both horizontal and vertical

    0
  • Sahas saurav•745
    @SahasSauravPosted over 4 years ago

    using aria_label to uniquely identify the each input and fix the image by using the object-fit:contain on img tags

    0
  • Eloisa•160
    @eefborromeoSubmitted over 4 years ago

    What is the best way to implement responsive images? I tried using srcset for this solution but I am a little unsure if I used it correctly or if there is a better way to implement responsive images.

    Insure landing using HTML, CSS (CSS Variables), JS

    2
    Sahas saurav•745
    @SahasSauravPosted over 4 years ago

    You see Kevin Powell video on YouTube for img srcset and you are prefectly img srcset https://youtu.be/2QYpkrX2N48

    0
  • M3gumi•385
    @takamegSubmitted over 4 years ago

    Not sure if this is what I am supposed to do with javascript in this challenge, although it's switching the contents. Any feedback/advice to improve my code is highly appreciated.

    Responsive mobile first

    2
    Sahas saurav•745
    @SahasSauravPosted over 4 years ago

    Fix the position of slide btn

    1
  • Sahas saurav•745
    @SahasSauravPosted over 4 years ago

    design is good but to get rid of accessibility issue use aria-label to uniqueidentify the each checkbox

    1
  • Sahas saurav•745
    @SahasSauravPosted over 4 years ago

    using button type submit and in a link use aria-label attribute to uniquely identify the each link

    0