Skip to content
OverviewSolutions
28
Comments
12
P

Fadya

@MaxCoder-mcIraq400 points

I’m a mysterious individual who has yet to fill out my bio. One thing’s for certain: I love writing front-end code!

Latest solutions

View more solutions

Latest comments

  • David Mwalimu•150
    @broken555wheelSubmitted about 2 months ago
    What are you most proud of, and what would you do differently next time?

    I'm proud that I have completed the challenge

    However, it took a lot of time because I would often hit roadblocks then put off solving the roadblocks. I will definitely face them as they come next time

    Tip Calculator App

    2
    P
    Fadya•400
    @MaxCoder-mcPosted about 2 months ago

    Hello David, your solution close enough to the challenge, and you did really good work... though I have some simple notes for you:

    • html you may put values to
    <div class="output-tip-amount">$0.00</div>
<div class="output-total-amount">$0.00</div>

    it gives it a nicer look, right?

    • CSS you could make the main border- radius all the same on the desktop view
    Marked as helpful
    0
  • P
    Fadya•400
    @MaxCoder-mcPosted about 2 months ago

    Hi there... you did really nice work, i only have one note for you the <span class="lastWeekHours">Last Week - 36hrs</span> maybe you could change it like on Daily --> Yesterday weekly --> last week (as you already did) Monthly --> Last Month I know its not mentioned on the design images, but semantically would be more convenient, right?!

    Marked as helpful
    0
  • P
    Carlos Samuel•330
    @CrtykwodSubmitted 2 months ago
    What are you most proud of, and what would you do differently next time?

    < EN >

    I'm proud that I was able to faithfully reproduce the original design with just my own knowledge, without resorting to Google multiple times. I also added extra functions with javascript, such as making the button clickable only if there is text, focusing on the input if the email is wrong and submitting the form when pressing Enter.

    < PT >

    Estou orgulhoso que consegui fazer o desafio até que bem fielmente com o meu próprio conhecimento, sem pesquisar muito. Eu também adicionei algumas funções extras pelo Javascript, como não desativar o botão de submit caso o user não tenha digitado nada no input, quando o email digitado está errado, o site já foca no input, para que não seja necessário clicar e o formulário também pode ser enviado apenas apertando Enter, o que agiliza bastante.

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

    < EN >

    I think the RegExp for email validation was the biggest challenge, I couldn't manage to solve it very well, so I recurred to stackoverflow.

    < PT >

    Eu acredito que o RegExp para validar o email foi o meu maior desafio, eu não consegui resolver muito bem, então acabei recorrendo ao stackoverflow mesmo.

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

    < EN >

    Any help and feedback are very welcome! ^-^

    < PT >

    Toda ajuda e feedback são muito bem-vindos!!! ^-^

    Newsletter Sign-up page using Javascript for email validation

    1
    P
    Fadya•400
    @MaxCoder-mcPosted 2 months ago

    Well done 💯😎

    1
  • Adam•340
    @nadam-designSubmitted 3 months ago
    What are you most proud of, and what would you do differently next time?

    I'm proud of using the same elements on desktop and mobile, no display: none; rules to using different elements on different viewports.

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

    A lot of absolute positioning, but I manage to deal with it.

    Article preview component using flexbox

    2
    P
    Fadya•400
    @MaxCoder-mcPosted 3 months ago

    Nice work 👏

    1
  • P
    Fadya•400
    @MaxCoder-mcPosted 7 months ago

    Hello there...

    I have few notes that might enhance your solution...

    • on big screen sizes you may have noticed that the h1 is getting narrow from the very beginning, probably because of (width: 50%) you set to it. maybe by putting gaps between the (.hero) elements would solve the problem.
    • The background image of (.footer) would look nicer if you set the position to top center like this--> background-position: top center;
    • Usually we use anchors instead of buttons if the action of it needs to take us to a different web page or have a certain URL...

    I hope these notes were helpful to you... Enjoy your coding :)

    0
  • P
    Fadya•400
    @MaxCoder-mcPosted 8 months ago

    nice

    0
View more comments