Semantic UI Tutorial | How to use icons in headers

Опубликовано: 07 Октябрь 2024
на канале: Learning Simplified
256
3

How to use icons in header - Tutorial for Beginners
#LearningSimplified #SemanticUITutorial #WebDevelopmentTutorial

Our previous video: More Segment classes -    • Semantic UI Tutorial | More Segment C...  
Feel free to visit us again. Subscribe, like, comment, share.

So we are starting with a new part in UI Semantic- how to use icons with header; today we will see the utility of using icon classes in header of our site. Stay tuned.

Chapters:

00:00 Introduction
01:46 Creating the header section
02:31 Using the Icons with the header
03:15 Where to look for more icon class names
03:59 Checking out the results
04:24 Using some more classes with header icons
06:31 Observing the class behavior under various breakpoint
07:15 Checking the output at the browser with code inspector panel
08:03 Replacing the icon class with content heading class
08:50 Checking the output with several header classes and making our header inline

Watch the video till end.

In the next part, we will learn about how to use images with our headers in UI Semantic. Like us, comment on us and share.

Semantic UI official website: https://semantic-ui.com
Semantic UI official website icon classes: https://semantic-ui.com/elements/icon...

Stay updated here:   / learnmaniac1987  
Our blogs and Tutorials: https://learning-simplified.teachable...
Twit us on:   / learnmaniac1987