Facebook Home Page Tailwind

Feito Layout do Facebook pela stack Tailwind

Deploy Cloud Netlify ☁️🚀

Facebook Home Page

• Stacks 📚 and Skills 🧠:

  • HTML
    • Tags Semânticas
    • Bibliotécas Externas:
      • Google Fontes
      • Bootstrap Icons
  • 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: [],
                    }
          

    • Compilador CSS
      • input.css
      • output.css
    • Dependência de desenvolvimento:

      •   "devDependencies": {
              "tailwindcss": "^3.2.1"
          }
        

Home Page 📑📲: