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 comments
- @AdrianoEscarabote#accessibility#bootstrap#sass/scss@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.
- @AdrianoEscarabote@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 - @DavidMorgade@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.
- @elaineleung@livinglifemeaning
Just here to comment that it is beautiful! I love the transition of the themes.
- @mh1251@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>
- @kxnzx@livinglifemeaning
Great job! Great practicing taking notes on what you learned :)