@DiegoAlveesSubmitted 8 months ago
What specific areas of your project would you like help with?
In Vercel the button and input styles did not appear, can anyone tell me why? in VScode using npm run dev they appeared normally
Latest solutions
Latest comments
- @rainofPosted 8 months ago
Great job, keep it up! While I'm not familiar with Vercel configuration, I do have a small suggestion about font imports. Since you're only using 'Space Mono,' it would be more efficient to import just that font. I noticed several unrelated fonts like 'Barlow' and 'Montserrat' in the
@importstatement (at 'src/index.css' line 1), which you might not need.Marked as helpful0 - P@gajbos99Submitted 8 months ago@rainofPosted 8 months ago
Great effort! I have a few suggestions to enhance your design:
- Add
cursor: pointerwhen hovering over the timeframes. - Apply
cursor: pointerto interactive elements and consider changing the color on hover. - You might also find Figma useful for exploring different styles and sizes.
0 - Add
- P@gina-wang-1021Submitted 8 months agoWhat challenges did you encounter, and how did you overcome them?
Verification and routing ere challenging!
What specific areas of your project would you like help with?Anything would be helpful!
@rainofPosted 8 months agoWow! This looks very close to the original design.
0 - P@O-Julia-OSubmitted 8 months agoWhat are you most proud of, and what would you do differently next time?
I am proud of using flexbox and grid a lot here, i learnt a lot about it thanks to this project.
What challenges did you encounter, and how did you overcome them?I encountered with placing all items with grids, I spent a lot of time to understand how to do it like in design. But the most helpful was site where i could create similar schema of grid.
What specific areas of your project would you like help with?I need help with creating the message share. How did you guys created in your project? Have you used clip-path? Or you just downloaded the message picture and put in html?
Also I'm still struggling with positioning, how can I improve it ?
Also I had problem with border-radius, i did it for block div "content", and added overflow:hidden, but it cut the message "share", so I deleted it. I added left border-radius to picture and deleted overflow: hidden. Please, share your experience, how did you solve this problem?
@rainofPosted 8 months agoGreat work! In my case:
- I implemented the message message using a
divthat toggles visibility. - I used clip-path to trim the image and adjusted the text position with
transform: translate(), though I’m not sure it was the most effective approach.
0 - I implemented the message message using a
- P@mayor-creatorSubmitted 9 months ago@rainofPosted 8 months ago
Great effort! Just a small suggestion: you could add
hovereffect to your buttons.Marked as helpful1 - @AmanoLXSubmitted 10 months agoWhat are you most proud of, and what would you do differently next time?
Probably I was overthinking a few things but in the end, it all worked out how I wanted it. Inline styles based on expressions for example and the automatic creation of class names for every specific article item which I used to set up the area grid layout.
What challenges did you encounter, and how did you overcome them?Made some small mistakes which cost me a lot of time to figure out why things in the grid area layout were not working. After a while I spotted it and got it working.
What specific areas of your project would you like help with?The goal is to write styled components in React but need to learn a lot more to get there.
@rainofPosted 8 months agoExcellent work! This is a minor comment, but it would be beneficial to double-check Kira's quote to ensure accuracy.
0
