Fix grid

harbaum · Apr 30, 2023 · 28efe11 · 28efe11
1 parent b854724
commit 28efe11
Show file tree

Hide file tree

Showing 2 changed files with 27 additions and 18 deletions.
diff --git a/www/ides.html b/www/ides.html
@@ -54,9 +54,11 @@ <h2>Integrated Development Environments (IDEs)</h2>
 
 	<div>
 	  <article class="card">
-	    <div>
-	      <div class="flex two">
-		<div class="two-third">
+	    <div style="padding: 10px">
+	      <div class="flex two-600 grow">
+		<div>
+		  <h3>Thonny</h3>
+
 		  <p><a href="https://thonny.org/">Thonny</a> is
 		    probably the most common IDE used for MicroPython
 		    development.</p>
@@ -84,9 +86,11 @@ <h2>Integrated Development Environments (IDEs)</h2>
 
 	<div>
 	  <article class="card">
-	    <div>
-	      <div class="flex two">
-		<div class="two-third">
+	    <div style="padding: 10px">
+	      <div class="flex two-600 grow">
+		<div>
+		  <h3>µPIDE</h3>
+
 		  <p><a href="http://github.com/harbaum/upide">µPIDE</a>
 		    is a lightweight IDE targetting beginners. It was
 		    designed for use with the ftDuino32 but will work
@@ -106,9 +110,11 @@ <h2>Integrated Development Environments (IDEs)</h2>
 
 	<div>
 	  <article class="card">
-	    <div>
-	      <div class="flex two">
-		<div class="two-third">
+	    <div style="padding: 10px">
+	      <div class="flex two-600 grow">
+		<div>
+		  <h3>Arduino Lab for Micropython</h3>
+
 		  <p><a href="https://labs.arduino.cc/en/labs/micropython">Arduino
 		      Lab for MicroPython</a> is a very simple
 		      IDE.</p>
@@ -128,9 +134,11 @@ <h2>Integrated Development Environments (IDEs)</h2>
 
 	<div>
 	  <article class="card">
-	    <div>
-	      <div class="flex two">
-		<div class="two-third">
+	    <div style="padding: 10px">
+	      <div class="flex two-600 grow">
+		<div>
+		  <h3>MPY-Jama</h3>
+
 		  <p><a href="https://github.com/jczic/ESP32-MPY-Jama">MPY-Jama</a>
 		    is a simple yet powerful IDE targetting specifically the ESP32
 		    running MicroPython.</p>
@@ -150,9 +158,11 @@ <h2>Integrated Development Environments (IDEs)</h2>
 
 	<div>
 	  <article class="card">
-	    <div>
-	      <div class="flex two">
-		<div class="two-third">
+	    <div style="padding: 10px">
+	      <div class="flex two-600 grow">
+		<div>
+		  <h3>PyCharm</h3>
+
 		  <p><a href="https://www.jetbrains.com/pycharm/">PyCharm</a>
 		    is a powerful commercial Python IDE that offers a
 		    free community version.</p>

diff --git a/www/index.html b/www/index.html
@@ -20,9 +20,8 @@
       </div>
     </nav>
 
-    <div class="flex two-300">
-
-      <div class="two-third">
+    <div class="flex two-600 grow">
+      <div>
 	<h2>MicroPython/ESP32 for fischertechnik</h2>
 
 	<p>The ftDuino32 pairs the