What are alternatives to center the div vertically without using positioning or flexbox?
Is the best practice to work in px or %? % made the div overly large when resizing the browser, but i thought using px for layout is not best practice...or am I misunderstanding something conceptually.
Why do you want to center it without flex? It's the simplest way.
The best practice is basically using responsive units like rem, em or %. But it doesn't mean you can't use px at all. Try to use rems as font-size and margin/padding just like you (almost) did here.
Thanks guys for give me a feedback! so I am gonna resubmit this solution!
Hello. I really liked this challenge because of those buttons.
You should really try on the buttons { mix-blend-mode: screen; } - read about it.
You can check out my .css for this challenge to see how much less code i have there because of this simple trick :). You simply doesn't have to set it all manually while on hover.
Way to make it even simpler?
Not really but you can delete flex and flex-direction from .card 100vw in .main width is not needed. Height: 100vh is enough .card img height: auto - not needed
I don't know if there is something more to get rid of :D
Hi :). I can see a bit of a problem with your buttons on hover.
The simplest solution will be setting the height and width of the button in px and getting rid of the padding if you really want to leave the font weight on hover.
It can be also done with pseudo elements but since they have the same content inside it will be easier and faster the 1st way.
can I have feedback about this solution?
Yeah, kind-of-almost pixel-perfect—some of the text is slightly misaligned and the progress bar in the hero image is rotated the opposite way in my solution, for some reason. 😅
Anyway, this was such a beautiful design and I learned a lot from creating it! I ended up having to use Sapper and to learn about things like routing and server-side rendering—which spun around my head a little, but I'm hanging in there! 😄
I added some pretty micro-interactions to the buttons and the form as an extra touch! 😉
Of course, feedback is both welcome and appreciated. 😊
And as usual, keep on coding (and happy coding, too)! 😁
BTW, one quirk I'm aware of is that the countdown timer resets when you go back-and-forth between the home and signup pages.
Wow. I wish i could have such skills and become senior master extra developer like you.
Can't make this background, help.
You can write issues here about this project
