my css stracture . right now i want to practice my SCSS skill
on how to organize my function and how to handle the data properly using useState since i spend a lot of time solving why the modal did'nt handle my variable. the reason is i use a display block , display hide in my css that when i clicked the button it will triggered immediately and data that i supposed i've pass was in initialState since the page wasn't rerender.
maybe tha stracutring of my html, naming of my css and the handling of react props
im not sure on my architecture design . and the naming of bem since im not using any css framework
I was able to implement the bonus and the regular challenge in one singular place.
What challenges did you encounter, and how did you overcome them?The logic and the styling
What specific areas of your project would you like help with?The styling of the triangle and the images.
nice choice of song. :) what is the title of it ?
this is insane ! cool. and btw you forgot the close button in rules modal
woah .. cool animataion
I challenged myself with this project and decided to learn how to use Sass, Node.js, and how to create package.json files.
As for the actual code, I improved my skills in grid, accessibility, and responsive layouts. The overflow in the hero section was particularly challenging.
What challenges did you encounter, and how did you overcome them?My biggest challenges were understanding package.json files, organizing and structuring my CSS, and implementing PostCSS. I changed my mind multiple times and had to do a lot of research regarding other people's solutions.
What specific areas of your project would you like help with?I would like some help with reviewing the code. Are there any accessibility issues? Suggestions for code improvement are welcome!
nice! so neat. Moa i have a question since im not familiar with scss .did you create that scss folder in your repo or it is just auto generated?
🚀 first project that is a little bit of pixel perfect
🚀 I just want to share that i just completed then Newsletter-sign-up-with-success-message-main , and my experience doing this challenge is a little bit challenging just like the hover effect of the image but i overcome it with the use of object-fit and scale..!
⚙️ Here the tools i used to complete this project
React Js.
Tailwind Css for styling.
Page insights scored 100% percent accessibility 🎯
Build this with mobile first approach.
formik for creating and handling of form
yup for validation schema
made with a lot of love
Feel free to suggest and give some feedback happy coding everyone !!!
nice. buti my pinoy na akong nakita
I was able to complete this challenge relatively quickly and with minimal help from Google.
What challenges did you encounter, and how did you overcome them?The biggest challenge I faced was verifying the form data without the help of a library. This is not something I have done frequently and needed to spend a little time refreshing my memory.
What specific areas of your project would you like help with?I would appreciate any suggestions/tips for improving the quality of my code. Thanks!
Sure. But i dont know how to send an image here. Im used my phone when i checked your site
