Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

All comments

  • @SouleymaneSy7

    Posted

    This is a great work! 👍👏

    1
  • @SouleymaneSy7

    Posted

    Set the body element height to 100vh and use flexbox or grid to center it like so:

    
    body {
      height: 100vh;
      display: grid;
      place-items: center;
    }
    

    And don't use inline css style. Instead separate your css and html. Put the css in another file and use the link tag to connect it with the html. However it a good work 👏👍

    0
  • @SouleymaneSy7

    Posted

    For the height of your wrapper element don' t put a specific height on it. Like:

    .wrapper {
        height: 70vh;
    }
    

    Instead, don't specify the height. Let it's child element put the height!

    Marked as helpful

    0
  • Mgamboa 200

    @Marianellag1

    Submitted

    Hello!

    Did this challenge a while back and submitting for anything I could improve on. Thank you!

    @SouleymaneSy7

    Posted

    You could change the main content background color and try to make it responsive for mobile phone! Anyhow It's a good work 👏

    1
  • Caramello 180

    @BuzzFizzer

    Submitted

    console.log("Hello Programmers"),

    Technologies Used:

    Special Thanks:

    special thanks to @wintercodeNKJJ for recommending the PerfectPixel extension as it helped me a lot getting all those paddings and margings as close as possible to the design.

    If you have any suggestions on how I can improve my code, I would greatly appreciate it if you could leave a comment. Thank you in advance. (✿◠‿◠)

    Sunnyside agency landing page

    #accessibility#sass/scss#vue#typescript

    1

    @SouleymaneSy7

    Posted

    Waww it's a good work. And the work with pixel perfect is a good advice.

    7
  • @jchapar

    Submitted

    Hello Everyone! I very happy with how my challenge looks on the specific width dimensions shown in the Figma file. However, when I'm in between width sizes or playing with the width of my browser, my some components are off. Specifically the images. Any feedback how making images a bit more responsive would be greatly appreciated!

    @SouleymaneSy7

    Posted

    Good Job for completing this challenges!

    Marked as helpful

    0
  • tan 640

    @tan911

    Submitted

    Hello everyone 👋, Here's my solution for REST countries app. I started to learn react and decided take this challenge, any feedbacks are greatly appreciated.

    REST countries with react/tailwindcss

    #axios#react#react-router#tailwind-css

    1

    @SouleymaneSy7

    Posted

    Waaw good job

    1
  • @SouleymaneSy7

    Posted

    Hi 👋@Abdurahman-05, congratulation for your solution.

    To improve it, you should put the img tag in div and give 50% width of the parent element to make it take half of the parent size. And this will improve your solution to make it as close to the design provided!

    Also it a good work

    Marked as helpful

    0
  • @SouleymaneSy7

    Posted

    Hi, congrats for completing this challenge.😁

    For creating a dropdown menu, you can use Javasript to make it dynamic. Just add an event listener on the dropdown elements to toggle with a active class and style this particular class in the css to make more styled. And that's it, if you have any issue, search on Google for how to add a dropdown menu on projects.

    Marked as helpful

    0