Skip to content
OverviewSolutions
7
Comments
7
GHNetCode
@GHNetCode

All comments

  • GHNetCode•170
    @GHNetCodePosted about 1 year ago

    Hi Raji, Looks like you have a great start here to your Application for the age calculator. In regards to your question please feel free to dig into my challenge to see how i have worked out the Years, Months and Days. All the best, Mark

    0
  • GHNetCode•170
    @GHNetCodePosted about 1 year ago

    @Mooonika90 Hi Monika, Well firstly you have done an amazing job and it looks great!! Just some input to consider is i do have a laptop screen size(1920x1080) and when at 100% zoom (default) the details "frame" that populates the ip address location etc is nearly centred on my screen ok which looks similar to mine. Feel free to hook up on LinkedIn if you wish to discuss further.. All the Best.. // M.

    0
  • GHNetCode•170
    @GHNetCodePosted about 1 year ago

    Hi Carolina, Looks like you have put in allot of effort and the page looks good, although one thing i have noticed though is the search field\bar is partly hidden when i zoom in at 100% but looks ok at 80%. I am not sure if it is just my screen resolution but thought i would let you know just encase. All the Best, Mark.

    1
  • 👾 Ekaterine Mitagvaria 👾•7,600
    @catherineisonlineSubmitted about 2 years ago

    Hello, Frontend Mentor community! This is my solution to the Crowdfunding product page.

    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

    Crowdfunding product page

    10
    GHNetCode•170
    @GHNetCodePosted over 1 year ago

    Hi Catherine, Really great page you have put together, Well done! On improving your code what you could do if you wish is get the numbers adding\subtracting on the number of a particular item and also the price. This i managed to do ok via my "mobile first" solution i put together, maybe not the best way but worth a look to get an idea if you up to it. 😁

    Cheers //M.

    0
  • GHNetCode•170
    @GHNetCodeSubmitted over 1 year ago

    Firstly a big thank you to FrontEndMentor for this challenge! I found it quite fun to put together using vanilla html,css(flexbox) and js. The most difficult part of this particular design i found was the logic on hiding various elements like when to hide the label etc when using the mobile touch events where the click events were allot more straight forward. I added "console.log("....") at various stages to track the progress and looks like i have managed ok though.. I would greatly appreciate any feedback you might have.

    Not sure if i have gone a little overboard here adding a sliding bar for mobile users to easily select the date but thought it logical considering it is much easier than manually entering in the digits. To top it off i also added have add animations where i found the UI to be quite simple, so making it as engaging as possible.

    I hope you enjoy this little app, and have a good day!

    Responsive Mob\Desk Design using HTML,CSS(flexbox),JS

    2
    GHNetCode•170
    @GHNetCodePosted over 1 year ago

    After realising that the hover effect for the button the mobile device was sticking my work around which has worked so far is to pin point exactly when the hover effect should take place by using the media query in CSS. At least the "active" state works on both ok and is not a problem when the button is actually pushed.. For example-: /for devices that support hover effect with a mouse../ @media (hover: hover) and (pointer: fine){ #Btn:hover{ ..... } } /Only for devices that do Not support hover effect like touchscreens.../ @media (hover: none) and (pointer: coarse) { #Btn{ ..... } /* For all Devices when the button is pressed... */ #Btn:active { .... }

    0
  • GHNetCode•170
    @GHNetCodePosted over 1 year ago

    Hi Sitto, Your layout looks really nice and clean, great stuff! On checking your solution though something you might want to consider to help improve it is checking the leap years if you have the time. It took me a while to this worked out but i did find this page helpful. https://www.calendar.best/leap-years.html All the best. Mark

    0
  • GHNetCode•170
    @GHNetCodePosted over 1 year ago

    Hi Dev Truce, Your webpage is looking good. To help improve it with the text running off to the right you can add "margin-right: 50px;" to the class ".card--top__text" should bring that text inline ok.

    Best regards,

    0