Init

Career/Others/Css Stricksa.md

@@ -0,0 +1,36 @@
+
+
+h-[1lh]
+
+Tap size target add absolute span in button next to the svg / icon
+``` html
+<span class="absolute top-1/2 left-1/2 -translate-1/2 size-12 [@media(pointer:fine)]:hidden"></span>
+```
+
+scrollable table
+
+``` html
+<div class="-mx-parent flex margin-whatever overflow-x-auto">
+	<div class="px-parent grow">
+		<table class="min-w-full whitescape-nowrap">
+			// Bla
+		<table/>
+	</div>
+</div>
+```
+Easier if there is a css variable of page padding 
+
+Grid stuff
+
+```html
+
+<div class="grid grid-cols-[auto_1fr]">
+	<a class="col-span-2 grid grid-cols-subgrid">
+		<icon class="mr-2" />
+		<label />
+	</a>
+</div>
+
+```
+
+#css #frontend