Šablona:Hlavní strana: Porovnání verzí

**🤖 AI Zóna – tvořte snadno, rychle a bez obav**
	🚀 Tvořit články může opravdu každý!
	📸 Vyfoť a vytvoř článek během okamžiku!
	✍️ Napiš cokoliv, AI opraví a doladí za tebe!
	🎨 Generuj obrázky, videa i hudbu — bez složitostí!
	Jednoduché návody a tipy; Předpřipravené šablony; Nástroje jako Gemini a Copilot; Kontakt a podpora;
	_Poznámka:_ Některé funkce jako tvorba videí a hudby jsou stále ve vývoji, ale brzy budou k dispozici.

← Porovnání se starší verzí Porovnání s novější verzí →

VizuálníWikitext

Verze z 6. 7. 2025, 22:15

🔮 Tvoř s pomocí AI

     👉 Zaregistruj se a začni tvořit

✍️ Přidej se k tvorbě

🔍 Objevuj nové světy

Infopedie je otevřený svět poznání. Naše články ti ukážou souvislosti, které jinde nenajdeš. Každá informace prochází vícestupňovým ověřováním a je neustále vylepšována komunitou editorů.

📷 Stačí fotka – a AI ti k ní najde nebo vytvoří relevantní článek.

📚 Vytvářej si vlastní interaktivní knihy, poznámkové bloky, nebo sbírky – Infopedie ti je pomůže poskládat.

🎨 Tvoř kreativní alba, videa, myšlenkové mapy – tohle není jen encyklopedie, ale tvůj svět.

🎫 Připoj se na sociální sítě:
🔵 stránka Infopedie

✍️ Přidej se k nám

Máš nápad na článek? Stačí ho zadat nebo vyfotit cokoli zajímavého – náš AI asistent ti pomůže s formulací i strukturou.

🤖 AI dokáže z tvé fotky nebo věty navrhnout celý článek – stačí nahrát a potvrdit.

🏅 Získávej hodnosti, odznaky a trofeje za aktivitu – od juniora po nejvyšší „Infopedista“ hodnost.

🧠 Pomáhej s korekcemi, rozšiř články nebo přidávej fakta – každá úprava se počítá!

👉 Zaregistruj se a začni tvořit

🏠 Zprávy z Česka

📰 Syndikát novinářů a Reportéři bez hranic vyzvali politiky formující se vlády... - Syndikát novinářů a Reportéři bez hranic vyzvali politiky formující se vlády ANO, SPD a Motoristů, aby nerušili poplatky za média veřejné služby, jak uvádí ve svém programovém prohlášení. Podle noviná... Denikn
🔥 Hasičům se ve Zlíně podařilo lokalizovat požár školní budovy. Aktuálně... - Hasičům se ve Zlíně podařilo lokalizovat požár školní budovy. Aktuálně pracují na rozebírání konstrukce střechy. Na místě je třináct hasičských jednotek. Při zásahu nasadili i dron s termokamerou. (HZ... Denikn
🏛️ „První regionální sněm je za námi a já si odvážím první... - „První regionální sněm je za námi a já si odvážím první krajskou nominaci na předsedu ODS. Velmi si toho vážím a beru to jako závazek,“ napsal na síti X ministr dopravy v demisi Martin Kupka. „Je jasn... Denikn
🏛️ Laboratorní testy potvrdily výskyt nebezpečné nákazy zvířat v komerčním chovu na... - Laboratorní testy potvrdily výskyt nebezpečné nákazy zvířat v komerčním chovu na území Česka, informoval na síti X ministr zemědělství Marek Výborný. Detaily oznámí s ústředním ředitelem veterinární s... Denikn
🔥 Aktualizace: Hasiči zvýšili stupeň požárního poplachu u požáru střední školy ve... - Aktualizace: Hasiči zvýšili stupeň požárního poplachu u požáru střední školy ve Zlíně ze druhého na třetí. Na místě zasahuje jedenáct hasičských jednotek. Hasební práce zřejmě potrvají celou noc. Hasi... Denikn
🔥 Požár budovy střední školy ve Zlíně mají hasiči pod kontrolou, dále se nešíří - Zlín - Hasiči dnes večer lokalizovali požár střechy budovy střední školy v České ulici na sídlišti Jižní Svahy ve Zlíně, znamená to, že se dále nešíří. Hasební práce na místě pokračují, zasahuje 13... Ceskenoviny
🏛️ Pavel bude o oddlužení Pramenů na Chebsku jednat s novou vládou i Babišem - Prameny (Chebsko) - Možnosti oddlužení Pramenů na Chebsku bude prezident Petr Pavel řešit s nově nastupující vládou i možným budoucím premiérem Andrejem Babišem (ANO). Řekl to dnes starostce Michale M... Ceskenoviny
🏛️ Vlajky jsou symbol, ale horší by bylo zastavení pomoci, řekl Pavel - Františkovy Lázně (Chebsko) - Vlajky Ukrajiny by jako symbol solidarity měly v Česku viset dál, míní prezident Petr Pavel. Horší by ale bylo, kdyby se zastavila materiální pomoc, řekl dnes prezident n... Ceskenoviny
🌤️ Na Martina v Česku sněžit nebude, od poloviny týdne převládne inverzní počasí - Praha - Na začátku tohoto týdne bude v Česku místy pršet nebo mrholit, teploty nepřekročí 11 stupňů Celsia. Ve vyšších polohách dnes srážky mohly být i sněhové, v úterý na svatého Martina už ale sněži... Ceskenoviny
🚔 Augustín u soudu: Hlubučka jsem za člena zločinecké skupiny nepovažoval - Praha - Bývalý ekonomický ředitel pražského dopravního podniku (DPP) Matej Augustín viněný v kauze Dozimetr dnes u soudu prohlásil, že spolu s dalšími aktéry případu působil v organizované zločinecké.... Ceskenoviny

🌍 Zprávy ze světa

📰 Britský propalestinský komentátor Sami Hamdi, kterého zadržují americké imigrační úřady,... - Britský propalestinský komentátor Sami Hamdi, kterého zadržují americké imigrační úřady, bude propuštěn. Informovala o tom dnes podle agentury Reuters jeho rodina. Úředníci amerického ministerstva vni... Denikn
🏛️ Běloruský autoritářský vůdce Alexandr Lukašenko dnes pohrozil zabavením více než... - Běloruský autoritářský vůdce Alexandr Lukašenko dnes pohrozil zabavením více než tisíce litevských kamionů, které v zemi uvízly. Stalo se tak poté, co litevská vláda v posledních týdnech uzavřela hran... Denikn
📰 Evropská komise zkoumá způsoby, jak přimět členské státy Evropské unie... - Evropská komise zkoumá způsoby, jak přimět členské státy Evropské unie k postupnému vyřazení společností Huawei a ZTE ze svých telekomunikačních sítí, píše agentura Bloomberg s odvoláním na zdroje obe... Denikn
📰 Malé turbovrtulové letadlo směřující na Jamajku s humanitární pomocí pro oběti... - Malé turbovrtulové letadlo směřující na Jamajku s humanitární pomocí pro oběti hurikánu havarovalo dnes ráno několik minut po startu do rybníka v Coral Springs na Floridě. Záchranné práce byly ukončen... Denikn
📰 Vývoj bojů (1354. den): V Pokrovsku bojují pouze stíny armád, píše ruský... - Vývoj bojů (1354. den): V Pokrovsku bojují pouze stíny armád, píše ruský zpravodaj. Podle něj Rusko i Ukrajina soustředí své hlavní síly zhruba deset kilometrů od města. V jeho centru se tak nachází v... Denikn
🏛️ Lukašenko pohrozil zabavením tisícovky litevských kamionů u uzavřené hranice - Minsk - Běloruský autoritářský vůdce Alexandr Lukašenko dnes pohrozil zabavením více než tisícovky litevských kamionů, které uvázly na hranici. Tu na konci října uzavřela litevská vláda po opakovaných... Ceskenoviny
🏛️ Sarkozy opustil vězení, na odvolací soud bude čekat na svobodě - Paříž - Francouzský exprezident Nicolas Sarkozy podle místních médií a agentury AFP opustil vězení. Pařížský soud dnes odpoledne souhlasil s jeho propuštěním z pařížské věznice La Santé, kde čekal... Ceskenoviny
📰 Výbor EP pro životní prostředí podpořil klimatický cíl, Knotkův návrh neprošel - Brusel - Europoslanci z výboru pro životní prostředí (ENVI) podpořili klimatický cíl snížit emise o 90 procent do roku 2040 oproti roku 1990. Návrh českého europoslance Ondřeje Knotka (ANO) z frakce..... Ceskenoviny
📰 Globální oteplování téměř jistě překročí 1,5 stupně, zaznělo na úvod COP30 - Belém (Brazílie) - Globální oteplení téměř jistě překročí 1,5 stupně Celsia, uvedl dnes podle agentury AFP předseda Mezivládního panelu pro změny klimatu (IPCC) Jim Skea na zahájení konference COP30..... Ceskenoviny
⚖️ Rusko uložilo Češce v nepřítomnosti 13letý trest za účast v bojích na Ukrajině - Moskva/Praha - Ruský soud v nepřítomnosti uložil Češce trest 13 let vězení za účast v bojích na straně Ukrajiny. Informoval o tom dnes vyšetřovací výbor, který má v Rusku funkci kriminální ústředny...... Ceskenoviny

🏅 Sport

   == 11. 11. 2025 ==

⚽ Fotbalisté Slavie vyhráli ve šlágru 15. kola v Plzni 5:3. Sešívaní se... - Fotbalisté Slavie vyhráli ve šlágru 15. kola v Plzni 5:3. Sešívaní se tak posunuli do čela ligové tabulky, na druhou Spartu mají dvoubodový náskok. Letenští totiž v odpoledním zápase pouze remizovali ... Denikn
📰 Velkou cenu Brazílie formule 1 vyhrál průběžný lídr šampionátu Lando Norris... - Velkou cenu Brazílie formule 1 vyhrál průběžný lídr šampionátu Lando Norris (McLaren), který startoval z pole position, druhý dojel Kimi Antonelli (Mercedes). Třetí skončil Max Verstappen (Red Bull), ... Denikn
🏒 Čeští hokejisté porazili v posledním utkání na Finských hrách v Tampere Švýcary... - Čeští hokejisté porazili v posledním utkání na Finských hrách v Tampere Švýcary 4:0 a připsali si tak první výhru v sezoně. Dvakrát skóroval útočník Filip Chlapík, jenž si navíc připsal asistenci. Pok... Denikn
📰 Čeští brankáři v NHL zažívají boom: aktuálně jich je víc než... - Čeští brankáři v NHL zažívají boom: aktuálně jich je víc než kdykoliv předtím. „Nejsou tolik svázáni technikou a dokážou zakročit ve správný čas,“ všímá si trenér klubu New Jersey Devils. Zjišťovali j... Denikn
🏁 Kvalifikaci na Velkou cenu Brazílie formule 1 vyhrál průběžný lídr šampionátu... - Kvalifikaci na Velkou cenu Brazílie formule 1 vyhrál průběžný lídr šampionátu Lando Norris (McLaren). Z druhého místa do zítřejšího závodu odstartuje Kimi Antonelli (Mercedes) a z třetího Charles Lecl... Denikn
🏆 Sinner i Fritz začali Turnaji mistrů vítězně - Turín (Itálie) - Úřadující šampion Jannik Sinner i loňský finalista Taylor Fritz zahájili Turnaj mistrů v Turíně hladkými výhrami a nakročili k postupu do semifinále. Domácí favorit a aktuálně druhý..... Ceskenoviny
🏒 Kulich bude Buffalu chybět dlouhou dobu, je ohrožena jeho účast na ZOH - Buffalo (USA) - Hokejový útočník Jiří Kulich bude kvůli krevní sraženině "dlouhou dobu" chybět v sestavě Buffala v NHL a je tím pádem vážně ohrožen i jeho případný start na únorových olympijských... Ceskenoviny
🏒 Vladař si pochvaluje začátek angažmá v Philadelphii, chytá více než v Calgary - Filadelfie (USA)/Praha - Hokejový brankář Daniel Vladař si pochvaluje vstup do nového angažmá ve Philadelphii. Osmadvacetiletý gólman zamířil do Flyers po čtyřech sezonách z Calgary a v novém ročníku.... Ceskenoviny
🎾 Valentová se nezúčastní baráže Poháru BJK, tým doplní Šalková a Valdmannová - Varaždín (Chorvatsko) - Tereza Valentová vypadla kvůli zranění břicha z nominace na baráž tenisového Poháru Billie Jean Kingové. O absenci týmové dvojky informoval v dnešním videohovoru s médii kapitá... Ceskenoviny
⚽ Provod: Člověk nechce být u toho, když se mění trenér, Köstl se s tím popasuje - Praha - Záložník Lukáš Provod věří, že Jaroslav Köstl dobře zvládne roli dočasného trenéra fotbalové reprezentace. Odvolaný kouč Ivan Hašek nasměroval tým správně, uvedl devětadvacetiletý hráč Slavie.... Ceskenoviny

🗂️ Kategorie článků

Přehled kategorií

Pomocí tohoto rozklikávacího stromu se můžete snadno orientovat v hlavních i vedlejších kategoriích Infopedie.

Jak používat kategorie

Každý článek by měl být zařazen do jedné nebo více kategorií.
Kategorie pomáhají čtenářům i editorům lépe se orientovat v obsahu.
Pokud si nejste jisti, kam článek zařadit, projděte si nejprve kategorie zde nebo se podívejte na podobné články.

Odkazy

Speciální:Kategorie – automatický seznam všech kategorií
Infopedie:Pravidla a doporučení
Infopedie:Struktura článků
Instrukce pro AI k vytváření článků.

📄 Chybějící články

   == 🧱 Chybějící články ==

Každý červený odkaz je výzva. Pomoz ho proměnit v článek, který chybí Infopedii. Můžeš začít jen názvem a větou – AI ti pomůže s rozšířením. Tady je výběr článků, na které zatím není napsaná ani řádka, ale odkazuje se na ně nejčastěji.

🔍 Nejčastěji chybějící články (stav k 25. září)

🛰️ Mezinárodní vesmírná stanice – 17 odkazů
🏛️ Společnost národů – 17 odkazů
🧠 Svobodná vůle – 17 odkazů
🍷 Víno – 17 odkazů
⚖️ Ústavní soud České republiky – 17 odkazů
🇭🇺 Budapešť – 16 odkazů
👑 Král – 16 odkazů
🇨🇦 Montreal – 16 odkazů
⚙️ Motor – 16 odkazů
👨 Muž – 16 odkazů
🍎 Newtonovy pohybové zákony – 16 odkazů
💡 Nápad – 16 odkazů
🌍 Národnost – 16 odkazů
🧑‍🏫 Pedagogika – 16 odkazů
👁️ Perspektiva – 16 odkazů
♂️♀️ Pohlaví – 16 odkazů
📈 Pokrok – 16 odkazů
🇨🇿 Předseda vlády České republiky – 16 odkazů
🧠 Racionalismus – 16 odkazů
📜 Raný novověk – 16 odkazů

(Výběr je manuální – nereflektuje šablony, infoboxy ani technické odkazy.)

→ 📄 Zobrazit úplný seznam chybějících článků

🚧 Projekty

   Infopedie není jen encyklopedie — je to živý systém, který propojuje informace s lidmi a lidmi s příležitostmi.

Zde najdeš přehled projektů, které vznikají pod hlavičkou Infopedie. Každý z nich má jiný cíl, jinou cílovou skupinu a vlastní vývojovou cestu.

🤝 Projekt pro potřebné

Cíl: vytvořit platformu s užitečnými, srozumitelnými informacemi pro lidi bez zázemí, v nouzi, v přechodové fázi. Zaměření: ubytování, základní právní informace, pomoc, kontakty, zdraví. Pro koho: potřební lidé, kteří se ocitli na ulici nebo bez stability. Stránka: Projekt:Potřební

🧠 Projekt duševního zdraví

Cíl: bourat stigma, dát lidem nástroje k sebepéči, porozumění a hledání pomoci. Zaměření: poruchy, prevence, dezinformace, krizová pomoc, AI asistence. Pro koho: široká veřejnost, zejména mladí lidé a ti, kdo se cítí ztraceni. Stránka: Projekt:Duševní zdraví

🤖 Projekt Filmedy (AI)

Cíl: zkoumat a využívat možnosti AI pro mapování znalostí, kreativitu a vytváření nových forem soužití s technologií. Poznámka: Tento projekt má zatím skrytou vrstvu — jeho plán je širší, než se zdá na první pohled. 😉 Stránka: Projekt:Filmedy

🔐 Projekt Krypto / Kódování

Cíl: přístupnou formou přiblížit svět kryptografie, zabezpečení, otevřeného kódu a ochrany soukromí. Zaměření: hesla, šifrování, správa identity, opensource nástroje. Pro koho: technicky zvídaví čtenáři, ale i úplní začátečníci. Stránka: Projekt:Krypto

🧓 Projekt pro seniory

Cíl: posílit digitální nezávislost starších lidí a podpořit jejich orientaci ve světě plném změn. Zaměření: komunikace, zdraví, AI asistence, sociální práva, bezpečnost. Pro koho: senioři a jejich blízcí. Stránka: Projekt:Senioři

🎨 Projekt Tvoření (v rámci Portál:Tvoření)

Cíl: podpořit radost z tvoření – ať už rukama, slovy nebo obrazem. Zaměření: kreativita, rukodělné věci, AI ilustrace, krátká tvorba. Pro koho: všichni tvořiví lidé v komunitě. Stránka: Portál:Tvoření

(Pro každý projekt vznikne samostatná podstránka s rozpracovanými sekcemi, návody a nástroji. Už brzy.)

🧭 Portály

   == Portály Infopedie ==

Portály na Infopedii jsou rozdělené do několika tématických oblastí. Každý portál se zaměřuje na specifické téma a slouží jako vstupní bod pro uživatele, kteří se chtějí dozvědět více o určitém tématu.

Seznam portálů

Jak přispívat do portálů

Pokud chcete přispět do některého z portálů, můžete se podívat na jeho příslušnou stránku a zjistit, jaké jsou aktuální potřeby a jakým způsobem můžete přidat obsah.

Archiv portálů

Pro historické přehledy a starší obsah týkající se portálů na Infopedii můžete navštívit archiv portálů.

 flex: 1 1 48%;
 min-width: 300px;
 max-width: 48%;
 background: #e6f0ff;
 padding: 1.5em;
 border-radius: 12px;
 box-shadow: 0 0 8px rgba(0, 119, 204, 0.2);
 box-sizing: border-box;

}

@media (max-width: 600px) {

 .responsive-box {
   flex: 1 1 100% !important;
   max-width: 100% !important;
   min-width: 100% !important;
 }

} </style>

@@ Řádek 1: / Řádek 1: @@
 <!-- Banner nahoře -->
-[[File:Baner.png|100%|link=Hlavní strana|alt=Banner Infopedie]]
+[[Soubor:Baner.png|100%|link=Hlavní strana|alt=Banner Infopedie]]
 <!-- Obsah s boxy -->
-<div style="display: flex; flex-wrap: wrap; gap: 20px; justify-content: space-between; box-sizing: border-box; max-width: 100vw; margin: 1em auto 0 auto; padding: 10px; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; color: #222;">
+<div style="display: flex; flex-wrap: wrap; gap: 20px; justify-content: space-between; box-sizing: border-box; margin: 1em auto 0 auto; padding: 10px; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; color: #222;">
-   <!-- AI Zóna: full width -->
+   <!-- AI Zóna -->
-   <div style="flex: 1 1 100%; max-width: 100%; width: 100%; box-sizing: border-box; background: #e6f0ff; padding: 1.5em; border-radius: 12px; box-shadow: 0 0 8px rgba(0, 119, 204, 0.2);">
+   <div style="flex: 1 1 100%; background: #e6f0ff; padding: 1.5em; border-radius: 12px; box-shadow: 0 0 8px rgba(0, 119, 204, 0.2);">
      <h2 style="color: #005fa3; margin-top: 0;">🔮 Tvoř s pomocí AI</h2>
      {{:Infopedie:AI Zóna}}
@@ Řádek 14: / Řádek 14: @@
    </div>
-   <!-- Pobídka pro tvůrce: full width -->
+   <!-- Pobídka pro tvůrce -->
-   <div style="flex: 1 1 100%; max-width: 100%; width: 100%; box-sizing: border-box; background: #e6f0ff; padding: 1.5em; border-radius: 12px; box-shadow: 0 0 8px rgba(0, 119, 204, 0.2);">
+   <div style="flex: 1 1 100%; background: #e6f0ff; padding: 1.5em; border-radius: 12px; box-shadow: 0 0 8px rgba(0, 119, 204, 0.2);">
      <h2 style="color: #005fa3; margin-top: 0;">✍️ Přidej se k tvorbě</h2>
      {{:Infopedie:Pobídka}}
    </div>
-   <!-- Aktuality z domova -->
+   <!-- Aktuality z Česka -->
-   <div style="flex: 1 1 48%; min-width: 300px; max-width: 48%; background: #e6f0ff; padding: 1.5em; border-radius: 12px; box-shadow: 0 0 8px rgba(0, 119, 204, 0.2);">
+   <div class="responsive-box">
      <h2 style="color: #005fa3; margin-top: 0;">🏠 Zprávy z Česka</h2>
      {{:Infopedie:Zprávy z Česka}}
@@ Řádek 27: / Řádek 27: @@
    <!-- Aktuality ze světa -->
-   <div style="flex: 1 1 48%; min-width: 300px; max-width: 48%; background: #e6f0ff; padding: 1.5em; border-radius: 12px; box-shadow: 0 0 8px rgba(0, 119, 204, 0.2);">
+   <div class="responsive-box">
      <h2 style="color: #005fa3; margin-top: 0;">🌍 Zprávy ze světa</h2>
      {{:Infopedie:Zprávy ze světa}}
@@ Řádek 33: / Řádek 33: @@
    <!-- Sportovní aktuality -->
-   <div style="flex: 1 1 48%; min-width: 300px; max-width: 48%; background: #e6f0ff; padding: 1.5em; border-radius: 12px; box-shadow: 0 0 8px rgba(0, 119, 204, 0.2);">
+   <div class="responsive-box">
      <h2 style="color: #005fa3; margin-top: 0;">🏅 Sport</h2>
      {{:Infopedie:Sportovní aktuality}}
    </div>
-   <!-- Kategorie (rozcestník témat) -->
+   <!-- Kategorie -->
-   <div style="flex: 1 1 48%; min-width: 300px; max-width: 48%; background: #e6f0ff; padding: 1.5em; border-radius: 12px; box-shadow: 0 0 8px rgba(0, 119, 204, 0.2);">
+   <div class="responsive-box">
      <h2 style="color: #005fa3; margin-top: 0;">🗂️ Kategorie článků</h2>
      {{:Infopedie:Kategorie}}
    </div>
-   <!-- Doporučené články k vytvoření -->
+   <!-- Chybějící články -->
    <div style="flex: 1 1 100%; background: #e6f0ff; padding: 1.5em; border-radius: 12px; box-shadow: 0 0 8px rgba(0, 119, 204, 0.2);">
      <h2 style="color: #005fa3; margin-top: 0;">📄 Chybějící články</h2>
@@ Řádek 51: / Řádek 51: @@
    <!-- Projekty -->
-   <div style="flex: 1 1 48%; min-width: 300px; max-width: 48%; background: #e6f0ff; padding: 1.5em; border-radius: 12px; box-shadow: 0 0 8px rgba(0, 119, 204, 0.2);">
+   <div class="responsive-box">
      <h2 style="color: #005fa3; margin-top: 0;">🚧 Projekty</h2>
      {{:Infopedie:Projekty}}
@@ Řádek 57: / Řádek 57: @@
    <!-- Portály -->
-   <div style="flex: 1 1 48%; min-width: 300px; max-width: 48%; background: #e6f0ff; padding: 1.5em; border-radius: 12px; box-shadow: 0 0 8px rgba(0, 119, 204, 0.2);">
+   <div class="responsive-box">
      <h2 style="color: #005fa3; margin-top: 0;">🧭 Portály</h2>
      {{:Infopedie:Portály}}
@@ Řádek 64: / Řádek 64: @@
 </div>
+<!-- Responzivní styly pro menší obrazovky -->
 <style>
-   @media (max-width: 600px) {
+.responsive-box {
-    div[style*="flex: 1 1 48%"] {
+  flex: 1 1 48%;
-      flex: 1 1 100% !important;
+  min-width: 300px;
-      max-width: 100% !important;
+  max-width: 48%;
-      min-width: 100% !important;
+  background: #e6f0ff;
-    }
+  padding: 1.5em;
+  border-radius: 12px;
+  box-shadow: 0 0 8px rgba(0, 119, 204, 0.2);
+   box-sizing: border-box;
+}
+@media (max-width: 600px) {
+  .responsive-box {
+    flex: 1 1 100% !important;
+    max-width: 100% !important;
+    min-width: 100% !important;
    }
+}
 </style>