PokeVideoPlayer v0.9-rev1 - licensed under gpl3-or-later
ImmersiveAmbientModecolor: #c0a165 (color 2)
Video Format : (720p) openh264 ( https://github.com/cisco/openh264) mp4a.40.2 | 44100Hz
Audio Format: 140 ( High )
PokeTubeEncryptID: 9d508727cf0aed840d72a81686440745c378b9f41d1e806effe487eb502e83fb3f9d2542b9b5403a535bf75bb33016fb
Proxy : usa-proxy2.poketube.fun - refresh the page to change the proxy location
Date : 1727204899662 - unknown on Apple WebKit
Mystery text : ZE9yeHZpY0VWZEEgaSAgbG92ICB1IHVzYS1wcm94eTIucG9rZXR1YmUuZnVu
143 : true
353,552 Views ā¢ Dec 21, 2020 ā¢ Click to toggle off description
ā Follow Me ā
Twitter: www.twitter.com/codebubb
Facebook: www.facebook.com/juniordevelopercentral/
Blog: www.juniordevelopercentral.com/
ā Thanks! ā
In this web development shorts video you'll see a responsive landing page being built with HTML and CSS.
It's a bit hard to see in this video (as you'll be watching it in a portrait mode) but the main point of the tutorial was to make the text and other content in the page to be displayed nicely no matter what screen size the user is viewing the page on.
To do this we'll use some simple CSS media queries to adjust the content on the page depending on how much available space there is in the browser.
For example, we'll adjust the margin on the left hand side and also reduce the overall font-size when screen space is limited.
If you're interested to see how this is done, check out the original web development tutorial here: Ā Ā Ā ā¢Ā Front-endĀ Project:Ā ResponsiveĀ Landing...Ā Ā
#webdevelopment #css Channel Handle @codebubb
Views : 353,552
Genre:
Uploaded At Dec 21, 2020 ^^
warning: returnyoutubedislikes may not be accurate, this is just an estiment ehe :3
Rating : 4.921 (376/18,661 LTDR)
98.02% of the users lieked the video!!
1.98% of the users dislieked the video!!
User score: 97.03- Overwhelmingly Positive
RYD date created : 2022-01-29T07:21:33.261063Z
See in json
YouTube Comments - 57 Comments
Top Comments of this video!! :3
The background image changes everything
121 |
Ok i Love that! Need to watch more speedruns like that, it's so motivating
2 |
Thank you for this amazing content! Keep up the good work.
17 |
You doing great Jr. I love this !
10 |
Purely simple and nice like it
27 |
good job boss!
one question, what's the main difference between css and scss?
8 |
beautifulā¤
1 |
I'm sorry but did u forget about a breakpoint called mobile?
1 |
What font is used to write 'Pear.by'??
7 |
bro can you tell me how to get this type of images ?
|
Nice
1 |
It's awesome. I like it š¤©š¤©. Where I get the source code I want to copy
4 |
No bootstrap? Wild
|
Anyone know the song name? :)
|
what makes this a responsive landing page tho?
|
Using only div element in html it's not a great way to rank your website high
4 |
Onde ce oegas as imagens
|
How to add color to button?
|
It's all about background pic
|
@codewithbubb
3 years ago
This is the #Shorts version of a previous tutorial. Check out the step-by-step walkthrough of creating this landing page here: https://youtu.be/7VaNKOQs_1I
31 |