@FaojulazimSubmitted 5 months ago
Latest solutions
Responsive Password generator app built with Vue + tailiwnd
#vue#tailwind-cssSubmitted 5 months agoCode quality and readability. Maybe there are some bad practices I use.
Gallria Solution
#pinia#vite#vue#sass/scssSubmitted about 1 year agoI wasn't able to find a good library for setting up a masonry layout like in the design, so I ended up adding custom CSS to achieve a similar look. It still doesn't look 100% the same as in the design tho. So any tips would be appreciated
Latest comments
- @MargaritaBusyginaCaPosted 5 months ago
looks good! I would just add a cursor: pointer to the navbar elements
Marked as helpful0 - P@clickglueSubmitted 5 months agoWhat are you most proud of, and what would you do differently next time?
I was able to build this app reasonably fast, and I think a bit more precise than previous challenges.
What challenges did you encounter, and how did you overcome them?Styling sliders and checkboxes proved to be far more complicated then I thought. With the help of ChatGPT I could solve it.
@MargaritaBusyginaCaPosted 5 months agoFor the styling, you might want to increase the padding for your form. The spacing between password strength (for example, "Strong") and the strength boxes need to be smaller - you can try using flex on that container and then adding gap to it.
Marked as helpful1 - @keremenenSubmitted 5 months agoWhat specific areas of your project would you like help with?
Any feedback are appreciated.
@MargaritaBusyginaCaPosted 5 months agoHi, it seems like the checkbox values don't work properly. When I try to select all the checkboxes, the generated password doesn't include numbers or symbols.
1 - @mostafa-ahmed-sororSubmitted 6 months agoWhat are you most proud of, and what would you do differently next time?
iam proud that i started doing what i like .. i will try to do it faster now
What challenges did you encounter, and how did you overcome them?to create a table showing nutrition
@MargaritaBusyginaCaPosted 6 months agoIt looks very similar, but you are using the wrong font. Also, you need to add a responsive design (for example, using media queries) so it looks good on smaller screens as well.
0 - @MeekyBerrySubmitted almost 3 years ago@MargaritaBusyginaCaPosted almost 3 years ago
Good job! I noticed, however, that the background image doesn't take the whole screen and ends in the middle of the screen(especially on big desktop screens). I think you should try setting background-image properties like that :
background-size: contain; background-position: 120% 120%; background-repeat: no-repeat;
For the mobile version, your containers are not centred, they stick to the left of the screen. To fix that you can use either use:
1)margin: 0 auto;
2)or flex justify-content:center
Marked as helpful0 - @pgap22Submitted almost 3 years ago@MargaritaBusyginaCaPosted almost 3 years ago
Looks great! I would only suggest making your main containers bigger, so it occupies more space on the screen. You can implement it by adding padding to the inside components (for example, you can increase the padding of "Total this month $478.33") I think if you have one component on the page, you can afford to make it bigger, so it doesn't look too empty. Overall, good job!
Marked as helpful1
