Skip to content
OverviewSolutions
10
Comments
9
Shaswat Singh
@shaswatsingh19

All comments

  • Shaswat Singhā€¢190
    @shaswatsingh19Posted about 2 years ago

    Hi, I think you could provide some interactivity to button while they been active and as Cancel button is also works like a button it should have like cursor : pointer as it looks good like that.

    0
  • Lucas šŸ‘¾ā€¢104,340
    @correlucasSubmitted over 2 years ago

    šŸ‘¾ Hello, Frontend Mentor coding community. This is my solution to the Four Card Feature Section.

    šŸ˜Ž I had a lots of fun doing the challenge and doing some custom design improvements.

    This is a solution that I've finished before but I decided to update it, when I saw a solution of guy Yefry Sanchez where he applied an hover effect on the card where the icon flips while hovered, so I tried to apply something similar to mine inspired on what he did. Here's is his profile @y25sanchez . Nice solution bro!

    šŸ‘» I added some features šŸ’€

    • šŸŽØ Text Gradient on main heading.
    • šŸ„ƒ Glassmorphism on card hover.
    • šŸŽØ Custom background.

    Feel free to leave any feedback.

    4 Card Feature Section (Vanilla CSS + Custom Design + Glassmorphism)

    13
    Shaswat Singhā€¢190
    @shaswatsingh19Posted over 2 years ago

    Another one of your great art I would say. Can I use your design to build the project if you don't mind?

    1
  • Lucas šŸ‘¾ā€¢104,340
    @correlucasSubmitted over 2 years ago

    šŸ‘¾ Hello, Frontend Mentor coding community. This is my solution for the Order Summary Component.

    Feel free to leave any feedback and help me improve my solution or make the code clean!

    I added some features:

    • šŸŽØ Custom Wave Background
    • šŸ‘Øā€šŸ”¬ Custom Hover Effect on card elements
    • šŸ‘½ Card Banner Hover Zoom

    I'll be happy to hear any feedback and advice!

    Order Summary Component (Vanilla CSS + Custom Wave Background + Hover)

    4
    Shaswat Singhā€¢190
    @shaswatsingh19Posted over 2 years ago

    Hey Lucas, how did you do the initial animation of main element when we reload the page, any resources for that ?

    1
  • Shaswat Singhā€¢190
    @shaswatsingh19Posted over 2 years ago

    Hi, great work on completing the project. There is some issue with the design when we go below 350px width your layout breaks I would remove the max-width and use only width. As in container max-width saying that till 25rem it's fine with me but below it, it doesn't know what to do and breaks. Also, reduce the margin top and bottom from 200px to somewhat in the 100px range

    0
  • Shaswat Singhā€¢190
    @shaswatsingh19Posted over 2 years ago

    You should see the problem , solve it then upload the solution

    Marked as helpful
    1
  • Janeā€¢120
    @jvmcpheronSubmitted over 2 years ago

    This was more of a casual lil coding project I did on the side since I had a little extra time. Let me know what you think, and as always, if you have any advice, please share! I'm happy to hear.

    QR Code Component

    1
    Shaswat Singhā€¢190
    @shaswatsingh19Posted over 2 years ago

    Hey Jane, congratulations on completing the project

    0
  • šŸ‘¾ Ekaterine Mitagvaria šŸ‘¾ā€¢7,600
    @catherineisonlineSubmitted over 2 years ago

    Hello, Frontend Mentor community! This is my solution to the Fylo landing page with two column layout.

    I appreciate all the feedback you left that helped me to improve this project. Due to the fact that I published this project very long ago, I am no longer updating it and changing its status to Public Archive on my Github.

    You are free to download or use the code for reference in your projects, but I no longer update it or accept any feedback.

    Thank you

    Fylo landing page with two column layout

    7
    Shaswat Singhā€¢190
    @shaswatsingh19Posted over 2 years ago

    Congratulation on completing the project, the SVG inside the linked info class would be 1rem

    0
  • Shaswat Singhā€¢190
    @shaswatsingh19Posted over 2 years ago

    Hi, Congratulations on completing this project

    Everything is looking fine somethings I have noticed

    1. For smaller screens you should remove the margin of 130px from the image
    2. Background size should be cover and position should be center and it's look amazing
    Marked as helpful
    1
  • Shaswat Singhā€¢190
    @shaswatsingh19Posted over 2 years ago

    Nice work, just that you should reduce your whole container width so that it will be perfect as the design. You also did mobile first design which is mostly preferred and that's great. You can watch Kevin Powell's video on width and max-width it is really great resource. I saw your code and you used both images inside the img div and put one to none and other one to display block. I would suggest to use both images as background-image and get them as url() it reduces the code and you didn't have to display block or none the the csss

    Marked as helpful
    0