Skip to content
OverviewSolutions
20
Comments
21
Abhishek Rawat
@AbePlays

All comments

  • Jerico•195
    @Jerico001Submitted over 3 years ago

    Please leave comments that could improve my work or make it more efficient. Thanks a lot :)

    HTML CSS Flexbox Javscript

    1
    Abhishek Rawat•690
    @AbePlaysPosted over 3 years ago

    Hey Jerico, great job on finishing the project. Here are few tips using which can enhance your project:

    (i). Add hover effects to the social links in the footer. (ii). Add a transition duration to your transition. Right now, the button just shifts colors instantaneously.

    0
  • Abhishek Rawat•690
    @AbePlaysPosted over 3 years ago

    Hey Felipe, Great job on the solution. Couple of areas where you can improve upon:

    1. The layout falls apart when moving from mobile to tablet size screens. Try making the project responsive for tablet screens too.

    2. The buttons does not have hover effects on them. You can simply add a pseudo selector(:active) to add hover effects on your buttons.

    Let me know if you need any more help. Cheers!

    0
  • Abhishek Rawat•690
    @AbePlaysPosted over 3 years ago

    Good old Tailwind. One thing i love doing with tailwind is to make a dark-mode version of project. If this is your first project with tailwind, definitely explore how you can implement a dark-mode version of this project. The documentations are available on the Tailwind website. Let me know if you need more help. Great job on the project. Definitely fix the issue tediko mentioned above.

    0
  • Abhishek Rawat•690
    @AbePlaysPosted over 3 years ago

    The project looks great. Couple of issues though.

    1. The page doesn't look centered. I think you've a max-width applied to the project. If that's the case, simply add margin: 0 auto to the element which has max-width.

    2. The footer has this weird glitch where when i hover over it, the cursor disappears.

    2
  • Le Duy•65
    @LeDuy1194Submitted over 3 years ago

    How to create a more challenging computer for the game? What should I do about the draw case? I used the images only so is there anything out of design?

    Static site using LESS and JS

    1
    Abhishek Rawat•690
    @AbePlaysPosted over 3 years ago

    Damn, the project looks great. Love the slick animations. What you can do to enhance this project is to add a "END GAME" button clicking which you can show the player's score and prompt the user to Play Again. Basically add a flow to restart the game. Maybe even add a toggle to show a running history of the games user has played. Sky is the limit!

    1
  • Glen•515
    @GlenOttleySubmitted over 3 years ago

    One of the most complex projects I have attempted from a layout perspective, first time using several libraries such as react-router-dom, react-hook-form & useMediaQuery/material-ui.

    I have removed the form submit functionality which relies on a Python backend since this would not work on GitHub pages. I plan on customizing this design to create my own personal portfolio next.

    Overall I am pretty happy with the result, however I welcome any feedback you may have.

    Thanks, Glen

    Minimalist Portfolio Website, created with React

    1
    Abhishek Rawat•690
    @AbePlaysPosted over 3 years ago

    Great job Glen. The project looks amazing. There is one issue though. The button becomes active even before my cursor has entered the button(I tried entering from the right side). It maybe because of some extra padding or margin you may have applied to one of the classes on your buttons.

    1
  • Abhishek Rawat•690
    @AbePlaysPosted over 3 years ago

    It look's amazing. However, there's some horizontal scrolling at smaller screen.

    1
  • Abhishek Rawat•690
    @AbePlaysPosted over 3 years ago

    Look into mobile responsiveness for your projects. Adding mobile responsiveness makes your website look good on smaller screen devices. Try squeezing the width of your browser and watch how the layout falls apart.

    Also, add a max-width to the layout. See how it stretches and fills the entire width of the screen? Imagine how that would look like at the device with massive width (TV-Screens). Adding max-width limits the width of your project.

    Let me know if you've any queries. Good job on the project!!

    0
  • elalmamia•90
    @elalmamiaSubmitted over 3 years ago

    Hi, I'm a newbie so I would appreciate any feedback:)

    HTML, CSS, JS

    3
    Abhishek Rawat•690
    @AbePlaysPosted over 3 years ago

    Definitely doesn't look like a newbie's work. Good job!

    0
  • Abhishek Rawat•690
    @AbePlaysPosted over 3 years ago

    Looks great!

    0
  • Arturo Simon•1,785
    @artimysSubmitted about 4 years ago

    Hi everyone, simple but looks could be deceiving with this challenge. Spent a good amount of time fiddling with positioning on those background images. Threw some keyframes at it for some eye candy...sort of.

    Any suggestions on it are welcomed, thanks

    A bit of css grid and animations

    3
    Abhishek Rawat•690
    @AbePlaysPosted about 4 years ago

    The animation looks dope. Loved it!

    1
  • Bianca Procopio•150
    @biancahppSubmitted about 4 years ago

    I did it responsive for the first time!!

    There were two things I couldn't figure out:

    1. how to turn the arrow white when I click on it. I tried everything I could find to change svg color but nothing worked.

    2. how to make the bubble.

    If anyone has some experiences to share I would really appreciate it.

    HTML, CSS AND JAVASCRIPT ONLY

    2
    Abhishek Rawat•690
    @AbePlaysPosted about 4 years ago

    Use the "fill" property on svgs to change their color. I see you have referenced the svg as an image in your html. Just copy the svg code provided and paste it in place of img tag.

    1