10 HTML and CSS tips that you need to know😉

🧵👇🏻

Positioning in CSS allows you to display your element wherever you want on the screen

But when I was learning it, I found it little bit confusing😅

So in this thread I'll try to explain it in easiest manner with practical implementation. Let's start

THREAD🧵👇

There are 5 values that you can pass in position property

- static
- relative
- absolute
- fixed
- sticky

In this thread we will be focusing on relative and absolute positioning as both are widely used

Let's start with understanding what document flow is?

📌 Elements are displayed on the screen as they written in the HTML document

Consider the following piece of code:

H1, P, H3 and div are displayed on the screen in exact order as they written in the HTML file.

As now you know about document flow, let's start with Relative positioning

📌 Relative Position

- Relative positioning do not take an element out of document flow
- Relative positioning is relative to element's original position which can be changed using offset

🔹 Relative position is relative to itself.

For example: Consider the code and output in the attached image below

As you can see red box is shifted 100px from left because I applied left offset after giving it relative positioning

Stories of Guruvayurappan
Shri Krishna Leela

This is a beautiful story of Guruvayurappan. Once there lived in Guruvayur a poor family. Kitta, his wife & kids were struggling for their daily needs. With only a coconut tree in house, he earned a living by selling coconuts.

Kitta was from a low caste family. He was a great devotee of Guruvayurappan. Everyday before going to work he always prayed infront of a picture of Guruvayurappan in his house. His only wish was to worship at Guruvayur & have annadanam in temple. But he was not allowed there

It was Utsavam time in Guruvayur. From far behind kitta and family worshipped Guruvayurappan. Annadanam was given daily and no one was left empty stomach. Only Kitta didn't receive. That night, it was only Kitta's family who was sleeping without food. After temple nada closed

Shri Krishna, dressed himself as a Brahmin went to temple Kitchen. He packed food and went directly to kitta's house. Reaching Kitta's house, Shri Krishna told he was sent by a cook of Guruvayur temple and gave them the food he packed. Kitta and family was very happy seeing food.

When Kitta finished his food, Brahmin asked it will be better if he get a tender coconut( karikku)to drink. Kitta climbed the tree and gave all coconuts to him. After having 1 tender coconut, the Brahmin asked to bring remaining coconuts to Guruvayur temple the next day.

#Thread
Lessor known facts of Sudarshan Chakra or Neela Chakra of Puri Jagannath Temple.

The metal wheel at the top of Bhagwan Jagannath temple is also known as Neela Chakra (Blue Wheel). The wheel is made of eight metals comprising of.. 1/n

iron, copper, zinc, mercury, lead, brass, silver & gold. It's circumferance is about 36 feet & it is so designed that there is a wheel within the wheel. The circumferance of the inner wheel is about 26 feet. Eight hubs join together the inner and the outer wheels. 2/n

There are decorative designs on the outer wheel. The thickness of the Neela Chakra is 2 inches.The wheel is said to be Bhagwan Vishnu's most powerful weapon, Sudarshana Chakra. Inside Jagannath temple, Lord Vishnu's wheel is also worshipped in the name of 'Sudarshana'. 3/n

But inside the temple Sudarshana is not in the shape of a wheel, but in the shape of a small wood pillar placed to the left of image of bhagwan Jagannath. It is believed that the same Sudarshana is also at the top of the temple and is known by the name of Neela Chakra. 4/n

There is a specific category of people among the temple sevaks to serve the Neela Chakra and they are known as Garuda Sevaka or Chunara Nejoga. The pilgrims hold these sevaks in high esteem because everyday at Sunset. 5/n

FEW USEFUL CHARTINK SCANNERS :

This Scanner will be More than Enough for any Swing / Positional Trader to find Good Stocks.

Few Important Chart ink Scanners which can help you to find Setups and boost up your Trading Account : 🧵

Do Retweet If you If it Useful

1. Momentum Stocks

This Scanner can be helpful for Short term Swing Trades . you can easily find Stocks which are in Momentum.

Stocks which are up by 20 % in 5 Days
Stocks which are up by 30 % in 30 Days
Stocks which are up by 30 % in 30 Days

2. Volume Spike

We always Look for Price and Volume Confirmation for Breakout Trading. This scanner will help you to find the Stocks Which has given a move with Good Volume . You can keep this Stock in Radar and catch the Next move in them :

3 . Reversal Scan

Stocks which are Down by 20 % + in 5 days

When Market Corrects for sometime , You can find Stocks where selling is Exhausted and they can make a Good Reversal move .

4. Reversal Scan - Stock Down continues 5 days .

If you Know the Concept of 3-5 Days move . you might catch few stocks from this scanner. Always try and Pick stocks which are in strong momentum , you have more Chances of Getting Right in Reversal Trade.

@buzz_chronicles @AchuthArora @FitFounder @rattibha Cool!

I saved this tweet for you.

To access and manage your bookmarks, join up at savetobookmarks .com.

@SaveToBookmarks Ciao! There you go! Original tweet by @AchuthArora: "@powerbeastt @buzz_chronicles @rattibha @SaveToBookmarks save as Movies". See You soon! ✌

Ahoj! There you go! Original tweet by @SaveToBookmarks: "@AchuthArora @powerbeastt @buzz_chronicles @rattibha Cool!

I saved this tweet f...". Enjoy 👌