Merge pull request #81 from techknowledge-blog/fix/mobile-menu-modal-and-readme-update

Fix: Mobile Menu Modal Position & README Update

Author: leticiadia

README.md

@@ -1 +1,36 @@
-# TechKnowledge - New Version!
+## Techknowledge
+
+O Blog Techknowkledge é um projeto que tem como foco contribuir com a comunidade de desenvolvimento, contando sobre experiências, aprendizados, dinâmicas no ambiente de desenvolvimento e muito mais!
+
+### 📖 Sobre TechKnowledge
+
+TechKnowledge surgiu a partir de uma necessidade que eu (Mikael) e a minha amiga Leticia vimos de compartilhar nossas experiências, tanto como competidores da Olimpíada do Conhecimento, quanto como desenvolvedores, demostrando quais problemas que encontramos no dia-a-dia e como resolvemos.
+
+### 🖼️ Preview do Projeto
+
+![techknowledge-preview](/src/assets/images/techknowledge-preview.png)
+
+### 🚀 Tecnologias Utilizadas
+
+As seguintes ferramentas foram usadas na construção do projeto:
+
+- [ReactJS](https://react.dev/)
+- [Vite.js](https://vite.dev/)
+- [TypeScript](https://www.typescriptlang.org/)
+- [TailwindCSS](https://tailwindcss.com/)
+
+### 📝 Posts
+
+Alguns de nossos posts, que foram postados no blog:
+
+- [Entendendo Algoritmos](https://techknowledge.blog/posts/entendendo-algoritmos)
+- [Primeiros Passos como Freelancer: Desafios, Dicas e Descobertas](https://techknowledge.blog/posts/primeiros-passos-como-freelance)
+- [Componentes](https://techknowledge.blog/posts/componentes)
+- [Morar Fora do Brasil: Vale a Pena Mesmo?](https://techknowledge.blog/posts/morar-fora-do-brasil-vale-a-pena-mesmo)
+- [Desafios na Trajetória de um Desenvolvedor Frontend](https://techknowledge.blog/posts/desafios-desenvolvedor-frontend)
+
+**⭐ Se este projeto te inspirou, deixe uma estrela no repositório!**
+
+### 👨‍💻 👩‍💻 Autores
+
+Desenvolvido por Mikael Ribeiro e Leticia Dias!

src/assets/images/techknowledge-preview.png

@@ -20,7 +20,7 @@ export function MenuModal({ isOpen, onClose, routes }: MenuModalProps) {
 
   return (
     <div className="fixed inset-0 bg-black/30 z-40 flex items-center justify-center md:hidden">
-      <div className="relative bg-white w-[92%] h-[93vh] rounded-2xl py-4 px-2 shadow-lg border-2 border-white/10 animate-scaleUp">
+      <div className="relative bg-white w-[92%] h-[94dvh] rounded-2xl py-4 px-2 shadow-lg border-2 border-white/10 animate-scaleUp">
         <header className="flex items-center justify-between">
           <img
             src={TechknowledgeLightLogo}