I’m a mysterious individual who has yet to fill out my bio. One thing’s for certain: I love writing front-end code!
I’m currently learning...React. Enhancing my JS and CSS skills. Additionally, exploring JavaScript animations and continuously improving my design capabilities with Figma. I believe in no single absolute solution, and I am dedicated to mastering both established and new tools to consistently deliver high-quality results.
Latest solutions
Clipboard Landing Page
Submitted 6 months agoThese are some comments about my experience with this project. Feel free to comment on anything.
Chat App CSS Illustration [This is my favorite project so far! 😍]
Submitted 6 months agoI need help identifying the unicode to those left and right arrows so I can make the buttons. The three dots I already know how I am going to do it.
Profile Card Component
Submitted 6 months agoAnything. Thank you so much for your time and effort in evaluating this.
3 Column Preview Card Component [Flex][Grid]
Submitted 6 months agoAnything. Thank you so much for your time and effort in evaluating this.
Stats Preview Card Component [The coolest newbie project]
Submitted 6 months agoAnything. Thank you so much for your time and effort in evaluating this.
Order Summary Component [Grid inside]
Submitted 6 months agoAnything. Thank you so much for your time and effort in evaluating this.
Latest comments
- @xStephxSubmitted 6 months ago@flaviocmbPosted 6 months ago
Well done!
I think this would solve the overflowing
html { overflow: hidden; }
Marked as helpful1 - P@anamaydevSubmitted 6 months agoWhat are you most proud of, and what would you do differently next time?
I am most proud of becoming comfortable using Flexbox, which has greatly improved my layout skills. Additionally, I learned some important concepts like media queries and hover effects.
What challenges did you encounter, and how did you overcome them?I didn't struggle with this project, and everything went smoothly. I was able to efficiently implement and troubleshoot minor issues as they arose, which contributed to a successful outcome.
What specific areas of your project would you like help with?I would like feedback on whether I should have used Flexbox on the
.content
div as well, considering that I was able to achieve my goal without it anyway. Additionally, I would appreciate any other feedback on my code.@flaviocmbPosted 6 months agoHello @anamaydev
Well done! Looks nice. Don't forget the mouse hover over the card and also try to use rem/em units all over your project. This is how your project looks on large font-sizes.
Question: I would like feedback on whether I should have used Flexbox on the .content div as well, considering that I was able to achieve my goal without it anyway.
I’m with you on this. I wouldn’t use it until it’s really needed.
Marked as helpful1 - @Fbeye04Submitted 6 months agoWhat are you most proud of, and what would you do differently next time?
In this project, I returned to using scss while getting used to its use. Nothing has changed but more and more I am proud of myself for being able to complete the project faster than the initial phases.
What challenges did you encounter, and how did you overcome them?There were no problems that I encountered while working on the project, which was probably because I was getting used to working on projects.
What specific areas of your project would you like help with?all areas of html and css and I might be able to give some advice on using sass as well.
@flaviocmbPosted 6 months agoWell done!
I loved the transition on the cards. I will copy that and update my description hub to give you the credits. Thank you!
1 - @justCaioDevSubmitted 6 months agoWhat are you most proud of, and what would you do differently next time?
I'm proud of the way I made the site 😄
-
I used React JS to create dynamic components with props that can be reused.
-
I styled it using Styled-Components.
-
And I typed the props with Prop-Types for a more robust application
I don't know why my screenshot submition is broken... In my deploy and my localhost is normal the layout
Preview card component | React Js | Styled-component | PropTypes
#accessibility#react#styled-components#web-components@flaviocmbPosted 6 months agoFala dev!
Pra centralizar os cards, usa o código abaixo 🙌🏽
.cFhFth { display: flex; justify-content: center; margin-block-start: 171px; }
Faz um novo commit e gera nova screen.
1 -
- @RohloffmeisterSubmitted 6 months ago@flaviocmbPosted 6 months ago
Looks good!
You need to understand better these properties:
img, picture { max-inline-size: 100%; block-size: auto; display: block; }
Overall, you should pay more attention the projects details like hover a button, meet font-sizes, spaces, etc. If you want to use clamp, make sure you understand better the screen rangers and the begin and end of each font-size or whatever elements you use with it.
0 - P@ubcyukinySubmitted 7 months agoWhat are you most proud of, and what would you do differently next time?
First time using tailwind-css, completing the project
What specific areas of your project would you like help with?Coding style, practices, smells, redundancies. Any feedback would be appreciated!
@flaviocmbPosted 7 months agoWell done! If you want, check out my challenge hub to nail that colorful border just right as the project requires.
You should improve responsiveness at low resolution screens.
Marked as helpful1