They are standard CSS units. VH is viewport height, and VW is viewport width. Both VH and VW have 100 units per page - viewport. So, 100 VW is 100% of the viewport width, and 100 VH is 100% of the viewport height. In general, pixels should only be used when you need to set an exact amount of space regardless of the viewport, otherwise, everything should be created using VH, VW, and %/percentage. Note, percentage is similar to both VH and VW, but they don't render exactly the same.
Excellent video! I have a question: How can I edit the height size from a full font video? I mean, a section font video or full width title module font video? Normally it's about full height of the screen (1080 px), but I want insert a fullscreen video that covers only 50vh; this is the half of the screen... When I do it, the video appears cut... There's a way for get it?
They are standard CSS units. VH is viewport height, and VW is viewport width. Both VH and VW have 100 units per page - viewport. So, 100 VW is 100% of the viewport width, and 100 VH is 100% of the viewport height. In general, pixels should only be used when you need to set an exact amount of space regardless of the viewport, otherwise, everything should be created using VH, VW, and %/percentage. Note, percentages are similar to both VH and VW, but they don't render exactly the same.
nice design. video title a bit confusing. the background "colors" themselves are not really animated, it's the modules which contain these colors which are animated.
Way too fast !!! Clearly you know what you are doing but for some of us lesser mortals that was way too fast to follow. It would be very helpful if you could slow down a bit please.
Great tip,
But I was expecting to hear some little explanation about how vw, vh works since you used lots of times in the tutorial.
They are standard CSS units. VH is viewport height, and VW is viewport width. Both VH and VW have 100 units per page - viewport. So, 100 VW is 100% of the viewport width, and 100 VH is 100% of the viewport height. In general, pixels should only be used when you need to set an exact amount of space regardless of the viewport, otherwise, everything should be created using VH, VW, and %/percentage. Note, percentage is similar to both VH and VW, but they don't render exactly the same.
@@SpencerTaylorOnline thanks
I think most of us cannot follow you.... like the idea and video, but some explanation about why those paddings and margins would help us a lot :)
Excellent video! I have a question: How can I edit the height size from a full font video? I mean, a section font video or full width title module font video? Normally it's about full height of the screen (1080 px), but I want insert a fullscreen video that covers only 50vh; this is the half of the screen... When I do it, the video appears cut... There's a way for get it?
It would be extremely useful if you did a tutorial on vw - vh -etc.....Please !!
They are standard CSS units. VH is viewport height, and VW is viewport width. Both VH and VW have 100 units per page - viewport. So, 100 VW is 100% of the viewport width, and 100 VH is 100% of the viewport height. In general, pixels should only be used when you need to set an exact amount of space regardless of the viewport, otherwise, everything should be created using VH, VW, and %/percentage. Note, percentages are similar to both VH and VW, but they don't render exactly the same.
nice design. video title a bit confusing. the background "colors" themselves are not really animated, it's the modules which contain these colors which are animated.
please make video how i can block my website for pc or laptop and only mobile user can see
yap nigga=)
Way too fast !!! Clearly you know what you are doing but for some of us lesser mortals that was way too fast to follow. It would be very helpful if you could slow down a bit please.
RJ Harper Just change the play speed or pause/play the video ;)