Тёмный

How to position text both ABSOLUTE and RESPONSIVE 

A Designer Who Codes
Подписаться 12 тыс.
Просмотров 23 тыс.
50% 1

I wanted to drop my text to the bottom of an image but still make it move based upon the size of image, vertically speaking. Here's how to do that.
⤵ Purchase & Download the source code:
adwc.dev/produ...
- - - - - -
⤵ Download ALL of my source codes & more!
Introducing ADWC PRO
pro.adesignerw...
ADWC Pro provides you with:
• Access to all the source codes for ALL projects
• Bootstrap Bootstrap online course (retail $79) w/ supplied source code
• All future online courses (Gatsby v5 course coming soon)
• Updates of ADWC and the web dev business
• and more!
Price:
Just $6/mo. or $49/year (32% off monthly)
-------
Got a question for me?
adesignerwhoco...

Опубликовано:

 

30 сен 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 18   
@koyenasreemani8046
@koyenasreemani8046 7 месяцев назад
what is the size of the background image?
@ADesignerWhoCodes
@ADesignerWhoCodes 7 месяцев назад
I forget with this one but I usually go 2000px or higher.
@TheOmegaLightning
@TheOmegaLightning Год назад
Thank you so much man, I subscribed, you deserve it!
@thepotatoofheaven
@thepotatoofheaven Год назад
if I had the typing effect animation on the paragraph and hello world moved with it how would I stop the animation from occurring to hello world but also stay in its corner position like in the video?
@DanMDL
@DanMDL Год назад
Great Video and explanation sir! Thank you! One question please. How can I make the the size of the text responsive as well? In my case, the position of the text matches a particular spot of the background drawing that makes pretty cool but adjusting the size just breaks everything (subscribed btw)
@nithinsukumar5751
@nithinsukumar5751 Год назад
use media query..
@sladajac8493
@sladajac8493 Год назад
Aswome one! Thank you!
@andurk
@andurk Год назад
Hi there, your video helps me alot, I thank you for that. I am all new to coding so this might be a stupid question - but at 3:27 you say: "Notice how it´s off the edge of the design" - and that is exactly what I can´t seem to figure out. What did you do to make the text appear exactly where it is - in other words, why is it off the edge :) ?
@meetbhadeshia2504
@meetbhadeshia2504 Год назад
because of bootstrap's container class
@muslim101f
@muslim101f Год назад
Cool! thanks
@quintenmantez6934
@quintenmantez6934 2 года назад
Nice short tutorial! Thx!
@davidepalombo2141
@davidepalombo2141 Год назад
Thanks!
@webDevInfo
@webDevInfo 2 года назад
what if I want that text in center of that Image??
@ADesignerWhoCodes
@ADesignerWhoCodes 2 года назад
I have an entire video on centering content :) ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-nx8jyWLy0e0.html
@webDevInfo
@webDevInfo 2 года назад
@@ADesignerWhoCodes you''re a life saver bro
@ADesignerWhoCodes
@ADesignerWhoCodes 2 года назад
@@webDevInfo I got ya. Hope it helps! Let me know if you are still struggling
@EATYOURVITAMIN5
@EATYOURVITAMIN5 2 года назад
Literally flawless video. Good work!
@ADesignerWhoCodes
@ADesignerWhoCodes 2 года назад
Thank you!
Далее
Please stop using px for font-size.
15:18
Просмотров 172 тыс.
Great Responsive Text Overlays on Images
17:31
Просмотров 12 тыс.
Top 10 CSS One Liners That Will Blow Your Mind
13:34
Просмотров 962 тыс.
Using CSS Position Absolute: some practical examples
26:18
CSS Tips And Tricks I Wish I Knew Before
12:12
Просмотров 481 тыс.
The problems with viewport units
13:23
Просмотров 362 тыс.
Subtle, yet Beautiful Scroll Animations
5:04
Просмотров 1,7 млн
5 simple tips to making responsive layouts the easy way
15:54
Responsive Website In Webflow (Step By Step)
10:51
Просмотров 43 тыс.
Responsive Typography with CSS Clamp
8:37
Просмотров 51 тыс.
Make Your Site Lightning Fast With Responsive Images
14:13