@statanasova
Posted
Hey Jesús, I think your BEM is just fine, the layout is responsive, so good work!
It is very interesting how you use the body to define the Grid, I didn't even know that was possible :)
For the mobile version, you can remove the SVG background and use a gradient.
And for the desktop version, use background-size: cover
to make the SVG cover the whole width and height of the screen, because I see some large white spaces on high resolutions. Another way to do the background - in my solution, I added an extra div
with the SVG as a background and put it behind the left column only (div
s and other containers can overlap in the same Grid rows/columns). I think that's how it is in the original design.
One more thing... Please, fix the submit button that hangs below the input field :D Just add top: 0
. And maybe give the input field a transparent background.
Keep it up! PS. Upvote if any of this was helpful :)
@JesusAtao96
Posted
Hello statanasova
I was thinking of redoing this project and making it much better, thanks for the feedback :D