Skip to content
OverviewSolutions
12
Comments
7
Emad
@emadbakry

All comments

  • Emad•270
    @emadbakryPosted over 1 year ago

    nice work, you just need to care about the bottom nav, it should have good padding around it, so we can hover over it easily

    Marked as helpful
    0
  • Emad•270
    @emadbakryPosted almost 2 years ago

    I fixed the problem of navbar in mobile and added an anchor tag for buttons, I think now everything is OK

    0
  • Adrian•40
    @adrianlica20Submitted almost 2 years ago

    Hello, everyone!

    This was my first project, so it has been pretty difficult at times.

    I struggled with the toggle button and the class-switching between annually and monthly prices.

    Feedback and advices are always welcomed!

    Happy coding! Adrian

    Pricing Component with Toggle

    1
    Emad•270
    @emadbakryPosted almost 2 years ago

    that is very fantastic Adrian, I like how simple your js code, althou there is many ways to do it but i preffer to use the shortest way, good job.

    For the buttons below, it is better to use 'cursur:pointer' so the visitiors can hover on buttons and see the effects. nothing else, great work.

    1
  • Emad•270
    @emadbakryPosted almost 2 years ago

    very great bro! I like how to use simple code in js to switch plan, but i advise u to care more about the design colors, the colors makes me sad when visiting this component, you can study the ui ux yo know more about it. good job;

    1
  • 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
    Emad•270
    @emadbakryPosted over 2 years ago

    omg i see it is even better than the normal one, i hope i am not bothering if i asked about the time you spent to be at this level, am i?

    and i have a small idea that might make the design more modern it is about using @keyframe to Animate those little icon (like infinit up and down animation using transformY) do not use margin for animating things, if you like the idea i would be happy to see the changes, thanks.

    Marked as helpful
    0
  • Emad•270
    @emadbakryPosted over 2 years ago

    Good work! it's so amazing, I liked how you care about everything in the design, keep going. But dont forget to use the correct font "fraunces" from fonts.google.com for the heading; it could take some time but it is important to know. you can learn how to bring fonts easily from Youtube, it is very simple.

    wish you good day with other projects.

    0
  • Emad•270
    @emadbakryPosted over 2 years ago

    very good work, Andrew. i would like to say that it would be better if you focus on dimensions like the width and dont forget to use padding for the content to be exactly like the origin design.

    Another thing is the "box shadow" dont you notice a shadow under the blue button? use box-shadow to make the same shadow so it could look more realistic.

    1