Skip to content
OverviewSolutions
51
Comments
10
Souleymane Sy
@SouleymaneSy7

All comments

  • Salah Najem•350
    @Salah1221Submitted 4 months ago
    What are you most proud of, and what would you do differently next time?

    I wanted to create an animation for switching between dark and light themes, similar to the one in the Telegram mobile app, and I'm happy with the result. However, I wish I had organized my code better since it's a mess, especially with the class names in the HTML and CSS.

    What specific areas of your project would you like help with?

    The trick that I've used in my project for the dark/light switching animation depends solely on mix-blend-mode: difference, so I needed to invert most of the colors in the website. Would that impose a problem if used in a real-world project?

    E-commerce Produce Page with Dark mode

    2
    Souleymane Sy•980
    @SouleymaneSy7Posted 4 months ago

    Waaww you make this project better. Cool animation & all. Congrats for the project!!

    1
  • Souleymane Sy•980
    @SouleymaneSy7Posted about 1 year ago

    This is a great work! 👍👏

    1
  • Souleymane Sy•980
    @SouleymaneSy7Posted about 1 year ago

    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
  • Souleymane Sy•980
    @SouleymaneSy7Posted about 1 year ago

    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•220
    @Marianellag1Submitted about 1 year ago

    Hello!

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

    FAQ accordion card

    1
    Souleymane Sy•980
    @SouleymaneSy7Posted about 1 year ago

    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
    @BuzzFizzerSubmitted about 1 year ago

    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

    1
    Souleymane Sy•980
    @SouleymaneSy7Posted about 1 year ago

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

    7
  • Jose Chaparro•455
    @jchaparSubmitted over 1 year ago

    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!

    Mobile First Responsive Page utilizing CSS Grid & Flexbox

    2
    Souleymane Sy•980
    @SouleymaneSy7Posted over 1 year ago

    Good Job for completing this challenges!

    Marked as helpful
    0
  • tan•640
    @tan911Submitted almost 2 years ago

    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

    1
    Souleymane Sy•980
    @SouleymaneSy7Posted almost 2 years ago

    Waaw good job

    1
  • Souleymane Sy•980
    @SouleymaneSy7Posted almost 2 years ago

    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
  • Souleymane Sy•980
    @SouleymaneSy7Posted almost 2 years ago

    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