DEV Community

Kuhanraja A R
Kuhanraja A R

Posted on

Today learning about html/Css

Of course, I joined in the middle of the class. Class started. I went to class by 12pm. It's late.

Ok I sat in the first desk of the class. Vijay sir started teaching about how grid works.

What is Grid in Css?
In Cascading Style Sheets, CSS grid layout or CSS grid creates complex responsive web design grid layouts more easily and consistently across browsers. Historically, there have been other methods for controlling web page layout methods, such as tables, floats, and more recently, CSS Flexible Box Layout.

By using this command:
display-grid
grid-template-columns 1fr 2fr

fr - fractional unit

Literally I crashed in the middle of the class. So I don't know many commands in it.

some of commands which I learnt:
img src = " " alt=" "
src->source
alt->alternative

this tag is used for adding image.

border radius -> Used for image border circling.

display : flex;
justify-content : center;


-> horizontal rule.
hr is a standalone tag

-> unordered list
li -> list tag
colour : white;

colour -> text-colour

This all the commands I learnt in that class.
There a website named Frogg flexbox to learn clearly about grid

Suddenly a man crashed our class. Muthu Sir,

**Started with F-droid opensource benefits

Ended with his tea addiction.**

Like Boarding the flight in Philippines

Departing in the flight in USA

Class ended there.

Then Sir continued the class at 4pm.

That's all for today's blog..

Stay alive for my next blog

Top comments (0)