Skip to content
OverviewSolutions
44
Comments
12
Pretty Kunene
@nonoza

All comments

  • Aleks•330
    @reactaleksSubmitted 4 months ago
    What are you most proud of, and what would you do differently next time?

    As part of this simple and yet not so simple project i have learned alot about layout, positioning and units of measure. This was a simple but yet very challenging exercise and i had to rewrite my layouts quite a bit.

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

    Adding background patterns based on the size of the device, due to using next js i had to write a background pattern component which would return background pattern based on the width of the screen.

    Equalizer Landing Page

    1
    Pretty Kunene•690
    @nonozaPosted 4 months ago

    Hey,

    Great job on completing this project! I just noticed one thing that could be improved:

    Add "cursor: pointer;" to the buttons and email address.

    I hope this helps.

    Marked as helpful
    0
  • gia grigalashvili•150
    @gia-grigalashviliSubmitted 7 months ago
    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

    calculator-app used js html and dom

    1
    Pretty Kunene•690
    @nonozaPosted 7 months ago

    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
  • Pretty Kunene•690
    @nonozaPosted 7 months ago

    Woow, you really killed it !!!

    1
  • Danielle•30
    @danilscodesSubmitted 9 months ago
    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?

    QR Code

    3
    Pretty Kunene•690
    @nonozaPosted 9 months ago

    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
  • Pretty Kunene•690
    @nonozaPosted 9 months ago

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

    0
  • Lucas 👾•104,340
    @correlucasSubmitted about 2 years ago

    👾 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!

    Equalizer Landing Page (Vanilla CSS and Custom Hover States)

    5
    Pretty Kunene•690
    @nonozaPosted about 2 years ago

    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
  • Pretty Kunene•690
    @nonozaPosted about 2 years ago

    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,400
    @elaineleungSubmitted over 2 years ago

    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.

    Responsive toggle component with only CSS and HTML

    3
    Pretty Kunene•690
    @nonozaPosted about 2 years ago

    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
    @thresholdtechSubmitted about 2 years ago

    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

    HTML & CSS

    3
    Pretty Kunene•690
    @nonozaPosted about 2 years ago

    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,400
    @elaineleungSubmitted over 2 years ago

    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

    2
    Pretty Kunene•690
    @nonozaPosted about 2 years ago

    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
    @Zajaczkowski23Submitted about 2 years ago

    My first time working with API. All feedbacks are welcome

    Advice Generator App

    3
    Pretty Kunene•690
    @nonozaPosted about 2 years ago

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

    0
  • Elaine•11,400
    @elaineleungSubmitted about 2 years ago

    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!

    Responsive calculator built with Vanilla JS

    9
    Pretty Kunene•690
    @nonozaPosted about 2 years ago

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

    1