Skip to content
OverviewSolutions
59
Comments
7

Asha

@livinglifemeaning1,210 points

Howdy! It's been my dream almost my whole life to be good at programming. Now I am trying to turn that dream into a reality. I chose frontend web development first because I am passionate about pretty things. Atm my goal is to finish all of the free challenges with React within the next month.

Latest solutions

View more solutions

Latest comments

  • Asha•1,210
    @livinglifemeaning

    Congratulations Adriano for finishing your challenge! What's going to be your next one? Only tip is to use align-items property and change it's default from stretch so those brand icons don't look ugly on desktop. Also, can I ask how you implement different color schemes? I took a look through your code but couldn't tell how, and it's something I'm trying to learn.

  • Asha•1,210
    @livinglifemeaning

    It is really nice that you're doing this 7 day challenge, to practice consistency and see how you improved after a week.

    I think figuring out how to change the color of the social media icons and the "See how Fylo works" link along with it's arrow and line underneath on hover is a good thing to know how to do. Also, the text of the name and position is too small, and input text should inherit font-styles.

    You remind me that I want to start using sass with css modules in React. An extra step but the features are nice.

    Marked as helpful
  • Asha•1,210
    @livinglifemeaning

    Hi David! Beautiful project! One thing I wanted to let you know of is that on my computer when I open it, the sizing seems off, as the password generator part is too high where I cannot see the sun and moon symbol. When I open inspector tools and view mobile version I can. Also, in my personal opinion, I feel like the transition between the two color themes is slightly jarring.

  • Asha•1,210
    @livinglifemeaning

    Just here to comment that it is beautiful! I love the transition of the themes.

  • Asha•1,210
    @livinglifemeaning

    In addition to the method above, I have also been using the code snippet within the HTML file to accomplish responsive images.

    <picture>
          <source media="(min-width: 500px)" srcset="[bigger-image]" />
          <img src=[smaller-image] alt="" />
 </picture>
  • Asha•1,210
    @livinglifemeaning

    Great job! Great practicing taking notes on what you learned :)

View more comments