@Jerico001
Abhishek Rawat
@AbePlaysAll comments
- @AbePlays
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.
- @Felipe-RL@AbePlays
Hey Felipe, Great job on the solution. Couple of areas where you can improve upon:
-
The layout falls apart when moving from mobile to tablet size screens. Try making the project responsive for tablet screens too.
-
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!
-
- @Essay97@AbePlays
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.
- @sabin-baniya@AbePlays
The project looks great. Couple of issues though.
-
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.
-
The footer has this weird glitch where when i hover over it, the cursor disappears.
-
- @LeDuy1194@AbePlays
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!
- @GlenOttley@AbePlays
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.
- @jamiem89@AbePlays
It look's amazing. However, there's some horizontal scrolling at smaller screen.
- @marci-01@AbePlays
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!!
- @elalmamia@AbePlays
Definitely doesn't look like a newbie's work. Good job!
- @LadyoftheCave@AbePlays
Looks great!
- @artimys@AbePlays
The animation looks dope. Loved it!
- P@biancahpp@AbePlays
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.
- @som-matrix@AbePlays
Setup your image paths correctly. I looked at your code and its looking for the directory "images/" to find images whereas your images are in the root directory. Set it up correctly and your images will appear.
- @ValentinMUZYCZKA@AbePlays
The webpage looks very well made. You can now improve it by making it responsive to different screen sizes such as tablet and smartphone. Learn about mobile first approach to building websites.
- @sifat88@AbePlays
That's very good man. Keep up the good work !!
- @rishipurwar1@AbePlays
Pushing ApiKeys to github is not a good idea.
- @minnielahoti@AbePlays
You did not make it responsive :(
- @AFLazaro@AbePlays
A solid 10/10. Might want to add cursor: pointer to all your buttons and links.
