Advanced CSS Tutorial — Level Up Your CSS Skills

56838
53
661
08.01.2021
CareerFoundry

CareerFoundry

9226851
190000
297
20.10.2013
DE
Описание видео:

Advance your CSS skills! Build your very first web page from scratch with these five free tutorials — Sign up here: ↙️ 🤍careerfoundry.com/en/short-courses/become-a-web-developer/ In part four of this web development tutorial series, we will focus on more advanced CSS techniques, covering: Advanced CSS — Introduction (00:00) How to create high-fidelity screens (00:38) How to style your images properly (03:30) How to change fonts (06:55) How to add footers (15:00) Let’s add some finishing touches (18:50) How to change the background color (22:20) Let’s recap (27:47) Links to the free resources required for this tutorial: 🖥 Google Chrome: 🤍🤍google.com/chrome/ 📁 Folder of images: 🤍bit.ly/3HrmWlK ✏️ Sublime: 🤍🤍sublimetext.com/ Making a career change? Let us know in the comments below what you would like to learn about CSS, and what videos you’d like to see from CareerFoundry! #CSS #CSStutorial #AdvancedCSS Check out our other social media channels and blog here: 🔍 🤍linktr.ee/CareerFoundry For more information on our courses, visit us at: 🖥 🤍careerfoundry.com/ Advanced CSS Tutorial — Level Up Your CSS Skills (2021): 🤍youtu.be/8MCjAktqZaM

Кадры из видео
Advanced CSS Tutorial — Level Up Your CSS Skills
Advanced CSS Tutorial — Level Up Your CSS Skills
Advanced CSS Tutorial — Level Up Your CSS Skills
Advanced CSS Tutorial — Level Up Your CSS Skills
Тэги из видео
Комментарии пользователей:
Kayla Martinez
2023-05-01 00:33:47

ya'll I can't even add a new file in the portfolio folder I only see add new folder option wtf no new file even under the file tab whhyyy (My Mac also looks different than his)

Dead_Minstrel
2023-02-26 14:42:28

I'm at 8MCjAktqZaM&t=14m50s 14:50 in the video, but the text isnt showing, and i have duplicates of images 2 -3 on my screen... how do i fix this?

GeckoGrafix
2023-01-05 20:03:18

You have an error in your CSS on the class in line 52 ! there is no hyphen in the ease-in-out transition, so it is showing as "ease in-out" instead of "ease-in-out"

Nathalia Reyes
2023-01-03 04:18:18

There is no embed link to the font used in description and I can't find one on Google Fonts ...

Matt Troughton
2022-12-13 01:24:48

my font-family: 'Roboto Mono',monospace; for my header "my projects" didnt chance its font style ..... how do I change it ????

Merlin622
2022-11-22 00:03:43

Just a note there is no embed link to the font used in description and I can't find one on Google Fonts, what do I do?

Nuhu Alfa
2022-11-19 12:08:48

Thank you for the knowledge share simple and concise for understanding.
I need a little clarification for inserting images from our own directory, for example, the images in the links provided I try to follow the tutorial and ran into error images using
<img src="images/profile-project.jpg"/>
<div class="project-grid">
<img class="project-image" src="images/project-1.jpg"/>
<img class="project-image" src="images/project-2.jpg"/>
<img class="project-image" src="images/project-3.jpg"/>
<img class="project-image" src="images/project-4.jpg"/>
</div>

Esraa Shahien
2022-10-20 23:44:37

In minute 8MCjAktqZaM&t=8m00s 8:00 to 8MCjAktqZaM&t=9m00s 9:00 , Once I reach the point of styling the projects's 4 images, the grid is no longer affecting the website when I refresh. So instead of having each 2 pictures next to each other. I have each one separately in a row once I write this code!
what can be the reason?

<div class="project-image-wrapper">
<img class="project-image" src="images/project-1.jpg"/>
<h4>Project 1</h4>
</div>
<div class="project-image-wrapper">
<img class="project-image" src="images/project-2.jpg"/>
<h4>Project 2</h4>
</div>
<div class="project-image-wrapper">
<img class="project-image" src="images/project-3.jpg"/>
<h4>Project 3</h4>
</div>
<div class="project-image-wrapper">
<img class="project-image" src="images/project-4.jpg"/>
<h4>Project 4</h4>
</div>

Veer G
2022-08-11 05:46:23

wastage

CodeWithDev Hindi
2022-08-03 09:46:00

just a not for you bro: two of your video time stamps are messed up which are: how to change fonts and how to add footers both are misplaced by each other...BTW Liked Your Video Very Much

Aman Sheikh
2022-06-16 16:00:11

I can't watch this on my cellphone. very bad experience. down voted.

انميتاكو Animetako
2022-05-12 08:26:51

You call this advance?

judas sean
2022-02-22 12:01:00

Good tutorial.....why not try typing as you explain. Than type then explain ....there is period where its just mouse clicks

Gerald Arthur Moore
2022-02-14 00:00:58

Thank you for this brilliant short course. I cannot see the link to the fonts we will use. Could you kindly direct me to the link?

Derek Nana
2022-02-11 23:40:08

Advanced and clear explanations !

Demosthenes Locke
2022-02-02 14:02:51

If anyone is struggling to read his code: You can always zoom in on the page where the code is. It cuts him out, but you will be able to read it. Shortcut to zoom in on most browsers: Control+Scroll in or out on mouse. If you need to move it side to side after zooming in, there should now be a scroll bar at the bottom of the browser to do so. Additionally, if you did not already know: If you have windows 10, you can press the windows key and use the arrows to adjust the browser around the screen. For example, my set up is to have youtube take up half my screen on the left and my IDE takes up the other half on the right. Instead of resizing with dragging my mouse along the corners trying to get it right, I just select my browser and press windows key and left arrow at the same time. Then repeat the process with my IDE but use the right arrow with the windows key. For viewing your website, I recommend creating another window to switch to. If you have any problems, let me know and I will do my best to help.

Megh Vyas
2022-02-01 15:04:27

you have accidently given the wrong link to the fonts

Ali
2022-01-01 17:12:03

the images arent opening on my portfolio, even tho i coppied the code. is there a reason for this?

kalyan king
2021-12-23 19:02:57

Remove background sound

Что ищут прямо сейчас
Page manager all version Rampage alfa x Rampage Full Eng Dub анжелика 1 4 серия Rampage X NOVA Venom Page loss Verified Facebook Page 冬用 eybiyox bridge page policy facebook admin change wild coreldraw me page number kaise dale 린떱 Youppi clash didin decoupage on canvas Fedora Linux decoupaged eyibi yox deign a landing page
Похожие видео
08.01.2021
Learn JavaScript — A Tutorial For Beginners

Learn JavaScript — A Tutorial For Beginners

01.06.2023
AI Secrets for UX Design - Get Ahead in 2023!

AI Secrets for UX Design - Get Ahead in 2023!

30.03.2023
Learn Tableau in Under 45 mins!

Learn Tableau in Under 45 mins!

31.03.2023
What Does a UI Designer Do? (2023)

What Does a UI Designer Do? (2023)

03.04.2023
HTML Tutorial for Beginners (with Abhi)

HTML Tutorial for Beginners (with Abhi)

28.03.2023
How I'd Learn Digital Marketing in 2023 (If I Could Start Over)

How I'd Learn Digital Marketing in 2023 (If I Could Start Over)

04.05.2023
What Does a Data Analyst Actually Do? (2023)

What Does a Data Analyst Actually Do? (2023)

02.05.2023
How to Create a Stand-Out Tech Resume?

How to Create a Stand-Out Tech Resume?

28.03.2023
Which Digital Marketing Career Is Right for You? (2023)

Which Digital Marketing Career Is Right for You? (2023)

24.01.2023
Creating UX Personas with ChatGPT

Creating UX Personas with ChatGPT

26.04.2023
An Introduction to UX Writing

An Introduction to UX Writing

11.05.2023
From UX Student to UX Professional (in 6 Months!)

From UX Student to UX Professional (in 6 Months!)

30.05.2023
Introduction to Video Production for Digital Marketing

Introduction to Video Production for Digital Marketing