Posted inUI/UX

The Design Brief

The design brief should be provided by the customer. This is the theoretical expectation. However, in many cases—especially when the project is not too large or when you have an…
Posted inCSS Front-end Dev

Difference Between width: 100% and width: auto

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> <style> div { color: #fff; font-size: 2rem; text-align: center; } .parent { width: 600px; height: 600px;…
Posted inCSS Front-end Dev

CSS + Regex = Efficiency

CSS offers us three simple yet powerful regex-like tools: Caret (^): Finds elements where the class starts with specific characters. Example: div[class^="card"] targets all elements whose class names start with card, no matter what follows.…