Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
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

  • REST Countries API with Next.js

    #next#react

    Asha•1,210
    Submitted over 2 years ago

    0 comments
  • Rock Paper Scissors with React

    #react

    Asha•1,210
    Submitted over 2 years ago

    0 comments
  • Job Listings with Filtering | React

    #react

    Asha•1,210
    Submitted over 2 years ago

    0 comments
  • Chat App CSS Illustration with HTML, CSS


    Asha•1,210
    Submitted over 2 years ago

    0 comments
  • IP Address Tracker with React

    #react

    Asha•1,210
    Submitted over 2 years ago

    1 comment
  • Room Homepage with React + CSS Grid

    #react

    Asha•1,210
    Submitted over 2 years ago

    0 comments
View more solutions

Latest comments

  • Adriano•42,870
    @AdrianoEscarabote
    Submitted over 2 years ago

    👨‍💻 Intro section w/ dropdown w/ (HTML + SASS + JS Dark/Light Mode)

    #accessibility#bootstrap#sass/scss
    4
    Asha•1,210
    @livinglifemeaning
    Posted over 2 years ago

    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.

  • Adriano•42,870
    @AdrianoEscarabote
    Submitted over 2 years ago

    👨‍💻 Fylo dark theme LP w/ (HTML + SASS + JS)

    #accessibility#sass/scss
    4
    Asha•1,210
    @livinglifemeaning
    Posted over 2 years ago

    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
  • David•7,960
    @DavidMorgade
    Submitted almost 3 years ago

    Password Generator - Light and dark themes - React && StyledComponents

    #react#styled-components
    2
    Asha•1,210
    @livinglifemeaning
    Posted almost 3 years ago

    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.

  • Elaine•11,360
    @elaineleung
    Submitted almost 3 years ago

    Responsive calculator built with Vanilla JS

    #accessibility#sass/scss
    9
    Asha•1,210
    @livinglifemeaning
    Posted almost 3 years ago

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

  • Marija H.•110
    @mh1251
    Submitted about 3 years ago

    Advice generator with Vanilla JS and CSS

    2
    Asha•1,210
    @livinglifemeaning
    Posted about 3 years ago

    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>
    
  • kxnzx•870
    @kxnzx
    Submitted about 3 years ago

    Stats Preview Card Component with CSS Image Color Overlay

    1
    Asha•1,210
    @livinglifemeaning
    Posted about 3 years ago

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

View more comments
Frontend Mentor logo

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner

Explore

  • Learning paths
  • Challenges
  • Solutions
  • Articles

Community

  • Discord
  • Guidelines

For companies

  • Hire developers
  • Train developers
© Frontend Mentor 2019 - 2025
  • Terms
  • Cookie Policy
  • Privacy Policy
  • License

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub