Skip to content
OverviewSolutions
3
Comments
22
Al Nahian
@alnahian2003

All comments

  • Szymon Rojek•4,540
    @SzymonRojekSubmitted almost 4 years ago

    Hi everyone! :D,

    Finally, I can publish this challenge. I concluded that every project, even small, will teach something. First time I was working with the TailwindCss framework and gulp.

    ** => Please, let me know if you have got any suggestions, especially about HTML structure and accessibility.**

    A short explanation:

    • I have chosen a button but probably the radio-button or checkbox could be a better choice (the design of it could be nicer);
    • I didn't do the border-top gradient because Tailwind doesn't have very good support with it yet (I still learn how to create different plugins);
    • manually switching the mode between light/dark (smooth transition). I want to detect if the user has requested the mode: light or dark (prefers-color-scheme) => in this case I have decided to work with the sessionStorage instead of the localStorage because the main goal was to come back to the user's preferences (prefers-color-scheme) which in the meantime may have changed the theme in the general settings.
    • added small animation updating the total number (the main idea is copied from the web developer but I've changed a bit it's content to get more readable code - in the meantime I want to create my version of it);
    • footer displays on preview site;
    • deploy the project to Github Pages with GitHub Actions.

    Thank you so much. Ps. don't forget to upvote my project if you like it.

    Greetings :D

    TailwindCss&Gulp switcherMode&prefersColorScheme&sessionStorage

    5
    Al Nahian•775
    @alnahian2003Posted almost 4 years ago

    Great Job! Dear, Szymon Rojek

    You did excellent and brilliant work on completing this challenge. I'm really glad to see your project and I already checked every functionality that you've implemented in this project and I also inspected your code.

    Here is my honest feedback:-

    • I really loved the Counter Animation on the numbers of the dashboard.

    • When I was checking your JS Source code, I've found that you have added a mindblowing functionality to Auto Detect the User's Device Default Theme which is really super cool! Hats off to you for this great idea!!!

    • I actually liked the interaction with Session Storage in this project. You did this thing in a very clever way.

    • Finally, I liked the Responsiveness of the entire project on any viewport.

    That's all.

    Happy Coding, mate!

    3
  • Al Nahian•775
    @alnahian2003Posted almost 4 years ago

    Ops! Hey Raunak, Could you please check your "Vercel" files again? Maybe there's something wrong with your submission!

    But if you have fixed the problem already, then try regenerating the screenshot!

    Best Regards.

    1
  • Al Nahian•775
    @alnahian2003Posted almost 4 years ago

    Hello There, Andro!

    It's really good to see your project here, and your solution looks 90% perfect! Feel free to check the Accessibility and HTML issues so that you can fix them and make your project totally perfect!

    I really appreciate your approach!

    Happy Coding!

    Al Nahian

    2
  • Al Nahian•775
    @alnahian2003Posted almost 4 years ago

    But yes, try to fix the HTML Issues show above in the Report Panel.

    Good Day!

    0
  • Al Nahian•775
    @alnahian2003Posted almost 4 years ago

    Hey Dear, Adarsh!

    I'm really happy to see this excellent solution. I really appreciate that. You know what, I'm in love with this Rock-Paper-Scissor game and maybe I can play this game all day long. Go Ahead, Keep it up! You got my ♥ on this solution.

    Happy Coding

    3
  • Coder•270
    @qb-rivkybSubmitted almost 4 years ago

    Hi, This is a website I worked on with a partner for a few weeks. I got lots of practice with making responsive sites and using updated technologies like NextJS. On the contact page we used the Mapbox API to make the map responsive. Any comments or feedback appreciated! 😁

    Multi page arch-studio site written with NextJS and emotion-css

    1
    Al Nahian•775
    @alnahian2003Posted almost 4 years ago

    Excellent! This is what we call a Perfect Web Design :) Really you did an amazing job on completing this challenge. But, what if you add a little bit of overlay effect on the intro section and a little bit smooth scroll transition?

    Give your html a simple CSS rule,

    html{
   scroll-behavior: smooth;
}

    Thank You!

    Happy Coding

    1
  • Al Nahian•775
    @alnahian2003Posted almost 4 years ago

    WOW!

    Anish, you did an excellent job on completing this challenge. The project is so fun that I can play all day long :P

    Good Job. Keep Going!

    Happy Coding!

    1
  • Al Nahian•775
    @alnahian2003Posted almost 4 years ago

    Hey there, Indra!

    To be honest, your project is really amazing and looks very professional :) Good thing is that your project is totally responsive!

    But try to fix the ACCESSIBILITY ISSUES as soon as possible and give cursor: pointer on hovering the cards.

    Happy Coding! Best Wishes for your next challenges

    0
  • Al Nahian•775
    @alnahian2003Posted almost 4 years ago

    Hello Rafet!

    Excellent Work! Really Excellent Work!

    It looks great, totally pixel perfect, and very responsive. I love the hover effect on the button, but what about adding a little bit of transition there to make the hover effect more smooth? You can add a few transitions, like transitions: .3s ease;

    Don't Forget to Upvote any helpful comment on this platform!

    Happy Coding. Best Wishes!

    1
  • Al Nahian•775
    @alnahian2003Posted almost 4 years ago

    Hey Jeremey!

    It's really good to see your very first project and your solution very good. Its looks great and very responsive.

    But I have a few suggestions here:

    • Take a close look at the design provided in the starter file. It's really a good idea to code the project and make it looks like as same as the design.
    • You can vertically and horizontally align the entire content center.
    • Try to add some drop/box-shadow to make the project more realistic.

    That's it. You did a really good job on completing this challenge as this is your very first project.

    Don't Forget to Upvote any helpful comment!

    Happy Coding. Good Luck!

    3
  • Al Nahian•775
    @alnahian2003Posted almost 4 years ago

    Hey, Looks good & nice. But would you mind to decrease the opacity of the box-shadow? It looks a little bit heavy.

    Keep going <3

    Happy Coding :)

    2
  • Al Nahian•775
    @alnahian2003Posted almost 4 years ago

    Hey David Ouma

    Your project looks fine and nice, and it's really good to see that you've used HTML BEM but you could do something more to make the project more accurate.

    At first,

    • In the intro/hero section, you could imagine the entire section like a single row with two different columns, and the coulmns width will be 50%-50% of the width of the container that's containing the columns.
    • Make the intro image/hero image a little bit larger as same as the design provided in the starter file.

    That's It!

    Happy Coding :)

    Don't forget to UpVote any comment that you've found helpful in frontendmentor.io

    2