Jenny Eikens
@Jenny-EikensAll solutions
- Submitted 8 days ago
Contact form built with React and TailwindCSS
- HTML
- CSS
- JS
For some reason, on smaller screens, where the input fields take up the entire width of their grid row, there seems to be a larger margin at the bottom of the first name field than the other input fields. I can't seem to figure out why that is, so if anyone has any ideas, please go ahead.
- Submitted 22 days ago
FAQ Accordion built with React and TailwindCSS
- HTML
- CSS
- JS
As described above, I failed to get the svg for the background image to be the right size. The image currently takes up too much of the viewport height, but if I don't use background-size: contain, the image won't take up the full width of the viewport despite setting it to 100%. I'd be grateful for insights from others and advice on how to solve this.
- Submitted 30 days ago
Interactive rating component built with React
- HTML
- CSS
- JS
I think functionality-wise, my app should work just fine. Currently, the only slight issue I'm aware of is that when I open the live site on my cell phone and rotate the screen (so that it's wider than it is high), the top of the rating card gets cut off slightly. So I'm thinking I might need to add a media query to add a margin-top for this scenario. Also, I know I didn't get the colors right. The thing is, the style guide file only lists three colors other than white and orange, which doesn't work out because from the design pictures provided, it looks like there need to be at least four shades of black/blue/dark gray. This is also what color extraction tools that I put the pictures into told me. I would like to know how others approached this (did you stick to the colors provided by the style guide or did you extract the colors from the pictures and use those)?