kaveri Profile picture
Helping you write emails that are not boring
Sep 12, 2022 8 tweets 3 min read
Flex-box in CSS 1. What is Flex-box?

➡️It is the property using which we can arrange the child elements on the page.

2. How to use Flex-box?

➡️Make the parent element flex container by using the property.

display: flex

All the child elements inside the flex-container become flex elements.
Jul 29, 2022 15 tweets 4 min read
Every Application, every software, every website in the world has been through

"Testing "

Do you know what is Testing ?

Let's learn it ⬇️(Part 1) What is Testing ❓️

It is a process where we test the code to make sure it works as expected

Examples :

1. Test if after entering valid credentials and submitting , the page displays success message

2.Test if form gets submitted and user receives confirmation mail
Jul 8, 2022 5 tweets 1 min read
Jul 7, 2022 8 tweets 3 min read
Box-sizing in CSS - Box-sizing is the property where we can mention whether we want to include the padding and border within the total size of the box or not

- box-sizing can have border-box and content-box
Jul 6, 2022 12 tweets 5 min read
Colors in CSS Colors in CSS We can express colors in any of the following 3 formats :

1️⃣rgb ( 255, 0, 0 )

2️⃣#ff0000

3️⃣hsl (9, 100%, 64%)
Jun 22, 2022 7 tweets 3 min read
what is rem in CSS ? Image ➡️ rem is a way to mention size , relative to the root element --> <html>

by default the font size of the root is 16 px

Eg : font-size : 1 rem means 16 px

font-size : 2 rem means 2 * 16 px = 32 px
Jun 6, 2022 6 tweets 3 min read
I got lot of DM s asking for roadmap

Here's a simple roadmap I am following 🧵 🔶HTML
🔖 w3schools.com/html/default.a…

🔶CSS
🔖 w3schools.com/css/default.asp

💡 Pro Tip : Learn basic HTML tags , basic styling in CSS and start building projects. You can learn further concepts on the go

dev.to/frontendmentor…
May 24, 2022 5 tweets 3 min read
CSS : static and fixed positions Image position : static

This is default property of any element in the page

When the user scrolls the element moves along with the page

Properties such as bottom , left , right , top don't have any effect on the element ImageImage