About This Website
This page shares ideas, inspiration, and useful notes about web creation.
Our Focus
We aim to explore ideas, creativity, and inspiration in web development.
| Course | Day | Time |
|---|---|---|
| SE 310 | Monday | 10:00 AM |
| SE 307 | Wednesday | 12:00 PM |
Our Vision
We believe in building creative, meaningful, and user-friendly web experiences.
- Easy to Read
- Organized Information
- Useful for Features or Steps
Box Model Practice
This section is added so you can clearly observe how padding, borders, and margins work together.
Display Property Practice
This paragraph is hidden (display: none).
Inline: this text appears on the same line as →
Next element continues here.Block: this paragraph takes the full width and starts on a new line.
Inline-block: this stays on the same line but behaves like a box.
This text continues after it.Visibility Property Practice
This paragraph is visible (visibility: visible).
This paragraph uses visibility: hidden (it keeps its space but cannot be seen).
This line appears below both paragraphs so you can compare spacing.
Position Property Practice
Static (default position)
Relative (slightly shifted)
Absolute (inside container)
Transitions and Transforms Practice
Hover over this box
CSS Animation Practice
Animated Box
Flexbox Practice
Box 1
Box 2
Box 3
Flexbox Alignment Options
Box A
Box B
Box C
CSS Grid Practice
1
2
3
4