Feito Layout do Facebook pela stack Tailwind
Deploy Cloud Netlify ☁️🚀
-
Stacks 📚 and Skills 🧠:
- HTML
- Tags Semânticas
- Bibliotécas Externas:
- CSS
- Flex-Box
- Webkit
- Tailwind
- Criador de variáveis
- tailwind.config.js
-
@type {import('tailwindcss').Config} module.exports = { content: ['./src/**/*.{html,js}'], theme: { extend: { colors: { 'facebook-blue': '#1877F2', 'gray-background':'#F0F2F5', 'text-second': '#0f172a', 'green-facebook': '#36A420', }, spacing: { '580': '580px', '380': '380px', }, }, }, plugins: [], }
-
- tailwind.config.js
- Compilador CSS
- input.css
- output.css
- Dependência de desenvolvimento:
-
"devDependencies": { "tailwindcss": "^3.2.1" }
-
- Criador de variáveis
- HTML