Looking to hire developers?
@areklaz
@JLee2011
Submitted
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.
@areklaz
Posted
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.
@ddky16
Submitted
Thanks guys for give me a feedback! so I am gonna resubmit this solution!
@areklaz
Posted
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.
Marked as helpful
@GARGithub
Submitted
Way to make it even simpler?
@areklaz
Posted
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
@virag-ky
Submitted
@areklaz
Posted
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.
@mohamedkhaled4053
Submitted
can I have feedback about this solution?
@areklaz
Posted
Cool, but a bit too wide :)
@ApplePieGiraffe
Submitted
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.
@areklaz
Posted
Wow. I wish i could have such skills and become senior master extra developer like you.
@areklaz
Submitted
Can't make this background, help.
@areklaz
Posted
u suck
@Doniyor-Programmer
Submitted
You can write issues here about this project
@areklaz
Posted
Almost
