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

All comments

  • @gia-grigalashvili

    Submitted

    What are you most proud of, and what would you do differently next time?

    I like to change colors while pressing the button

    What challenges did you encounter, and how did you overcome them?

    It was difficult for me to write a calculator logic but easily overcome

    @nonoza

    Posted

    Hey @gia grigalashvili

    Congratulations on completing the project! Could you please update the Git repository link as it currently directs to the wrong project? Otherwise the calculator is function the way it suppose to work.

    0
  • @nonoza

    Posted

    Woow, you really killed it !!!

    1
  • Danielle 30

    @danilscodes

    Submitted

    What are you most proud of, and what would you do differently next time?

    i'm glad that the challenge was not overly complicated for me

    What challenges did you encounter, and how did you overcome them?

    challenges:

    • thinking about which CSS layout i should use, i had to review them and then determine which one i thought would work best for the page
    • also, for some reason when i wanted the attribution div to be fixed to the bottom of the viewport, it gave the body these extra margins and i have no idea why, so i had to fix that by just putting margin: 0 on the body

    What specific areas of your project would you like help with?

    questions i have:

    • do you think choosing flexbox for this page was the right choice? i'd really like to understand better when i should use which layout
    • why when i tried to fix the attribution div to the bottom of the viewport extra margins were added to the body??
    • i didn't do a mobile version because it seemed to me that the normal web version would work fine on mobile too. is a mobile version really necessary? if so, how should i implement that?

    @nonoza

    Posted

    Heya!!

    First of all, congrats in completing the project. You did very well.

    To answer your Questions (My opinion):

    • Yes, I also use it. We all have different says to solve the problem . So your styling might not be the same as mine but aslong what you know what the property does and know how will solve a an issue , then you are good.
    • Suggestion : I would give a margin bottom to a container to push the attribute down.

    Otherwise good job.

    1
  • @nonoza

    Posted

    Great job on this one. !! You made Javascript look simple... Keep up the good work.

    0
  • Lucas 👾 104,540

    @correlucas

    Submitted

    👾 Hello, Frontend Mentor coding community. This is my solution for the Equalizer Landing Page.

    I added some features:

    • 👻 h1 span: spinning color animation;
    • 👾 Phone image on hover;
    • 🥰 2 more breaking points;

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

    @nonoza

    Posted

    Hi @correlucas.

    You will always inspire me to be a better developer. I love the website that you built here. I see on a footer, on an email ([email protected]), you missed an anchor element to make it clickable using a deadlink or you just left it like that?

    Thanks, Pretty

    Marked as helpful

    0
  • @nonoza

    Posted

    Hi @Hawigirmachew . Great job on finishing the project. I love that is responsive and looks exactly has on the design. Just a note , to make the background not to have thise white spaces , set the body margin and padding to 0. So you will do this : body { font-size: 14px; font-family: "Raleway", sans-serif; padding: 0; margin: 0; } Other than that, you gave a confident to do this project because I downloaded it but haven't started ..lol. Great job!!!! Happy coding!!!

    0
  • Elaine 11,420

    @elaineleung

    Submitted

    I took on the extra bonus challenge of wiring everything up without Javascript, and this needed some creative ways to solve the problem of keeping the inputs as siblings to the plan/card elements so that the price information can be changed. This means I can't have the radio inputs nested at all in any containers. I also didn't want to resort to using a checkbox after reading Sara Soueidan's post on building accessible/inclusive toggle switches. Lastly, I wanted to make sure there's some transition between the values so that it's obvious to the user that something is different; even though I could reuse my code from the previous challenge, this also took some time to figure out. I think everything looks and works fine, and hopefully the semantic HTML won't cause issues, but I prefer using Javascript in the future.

    @nonoza

    Posted

    Hi @elaineleung , great job!! You are always an inspiration to me. I love that the structure of your code and it readable . :) .

    0
  • threshold 50

    @thresholdtech

    Submitted

    hi everyone, this is the first solution I made. I'm still struggling with margin, position, and other CSS properties. I don't know if I made it correctly, but I will continue learning. Any feedback would be appreciated. tia

    @nonoza

    Posted

    Hey you!!! Congratulation on completing the project!!. I love that is responsive too . Just make sure that when adding images, you don't miss the alternative text on your image html tag (<img>) to avoid the warnings when submitting here. Happy coding and Goodluck buddy!!!

    1
  • Elaine 11,420

    @elaineleung

    Submitted

    Just updated this challenge with error handling and also accessibility functions. I also added a loading screen animation with a slight delay added. Quite like the end result, hope the tabbing works on other screens as well!

    Responsive component with API and data fetching

    #bem#fetch#sass/scss#accessibility

    2

    @nonoza

    Posted

    GREAT JOB!!!.. Can you please create like a video on Youtube and show us how you actually group all the front end projects in one repo and able to publish each one?

    Marked as helpful

    1
  • Zajac 150

    @Zajaczkowski23

    Submitted

    My first time working with API. All feedbacks are welcome

    @nonoza

    Posted

    Hey, great job on this project!! I went through your js script and I am impressed.

    0
  • Elaine 11,420

    @elaineleung

    Submitted

    This is my first intermediate project, and I only built this because I already made a calculator app a while ago. Since I've been seeing a number of calculator solutions in my feed, I wanted to see whether I can reuse my old one in this challenge. I ended up rewriting almost all the JS except the event listeners, but this was a really good practice in writing JS classes!

    This calculator can be used with the key pad as well, and also I structured the calculator keys in my HTML in a way where a user can use the tab key if they don't want to use the numpad. The tab functionality somewhat mirrors what my Windows calculator is doing, so I think that's alright for now!

    I kept the design's initial value in my calculator, but I will probably remove it later after the screenshot is taken. The only thing I need to figure out later is how to change the screenshot browser's settings and keep it in dark mode, so if anyone's got any ideas please let me know 😆

    To build this, I used the calculator by Web Dev Simplified's Kyle as my blueprint; his Vanilla JS calculator is probably the best I've seen so far, so if anyone is interested, do check out his work! Also, I aim to add a second display above the main one for showing the first operand, so hopefully that's coming soon!

    Please let me know if there's anything that's broken or not working the way it should. Thank you!

    @nonoza

    Posted

    You are an inspiration hey, I love the project :) .Amazing!!

    1