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
Log in with GitHub
OverviewSolutions20Comments21

All comments

  • P
    Jerico• 195

    @Jerico001

    Submitted

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

    HTML CSS Flexbox Javscript

    1

    Abhishek Rawat• 690

    @AbePlays

    Posted

    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

    @AbePlays

    Posted

    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

    @AbePlays

    Posted

    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

    @AbePlays

    Posted

    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

    @LeDuy1194

    Submitted

    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

    @AbePlays

    Posted

    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

    @GlenOttley

    Submitted

    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

    @AbePlays

    Posted

    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

    @AbePlays

    Posted

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

    1
  • Abhishek Rawat• 690

    @AbePlays

    Posted

    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

    @elalmamia

    Submitted

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

    HTML, CSS, JS

    3

    Abhishek Rawat• 690

    @AbePlays

    Posted

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

    0
  • Arturo Simon• 1,785

    @artimys

    Submitted

    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

    @AbePlays

    Posted

    The animation looks dope. Loved it!

    1
  • P
    Bianca Procopio• 150

    @biancahpp

    Submitted

    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

    @AbePlays

    Posted

    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
  • Abhishek Rawat• 690

    @AbePlays

    Posted

    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.

    0
  • Abhishek Rawat• 690

    @AbePlays

    Posted

    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.

    0
  • Abhishek Rawat• 690

    @AbePlays

    Posted

    That's very good man. Keep up the good work !!

    0
  • Abhishek Rawat• 690

    @AbePlays

    Posted

    Pushing ApiKeys to github is not a good idea.

    0
  • Minnie Lahoti• 30

    @minnielahoti

    Submitted

    Thank you for providing feedback!

    I struggled the most with the Supervisor and Calculator alignment. If someone has a more efficient way of aligning them rather than my method (which is manual and I know is not right due to scalability issues) I'd love the feedback.

    Thanks!

    I wrote the code in Atom using css and html

    2

    Abhishek Rawat• 690

    @AbePlays

    Posted

    You did not make it responsive :(

    0
  • Abhishek Rawat• 690

    @AbePlays

    Posted

    A solid 10/10. Might want to add cursor: pointer to all your buttons and links.

    1
  • FAHIM FAYSAL• 120

    @astronomyfreak

    Submitted

    Hey,i am totally new at web designing.So,any constructive feedback is sooo welcome.I struggled to create the speech bubble.

    Used HTML5 AND CSS3 Only

    1

    Abhishek Rawat• 690

    @AbePlays

    Posted

    You might want to look at the font family used for the mockup. There is a style guide file that comes with the project. All fonts and colors are mentioned over there.

    1
  • Abhishek Rawat• 690

    @AbePlays

    Posted

    Solid 10/10

    1
  • Abhishek Rawat• 690

    @AbePlays

    Posted

    How to create that top right grey background in the mock up?

    0