Skip to content

Commit 3a15b7a

Browse files
committed
Update information about browsers shipping CSS Grid Layout
1 parent 87558a4 commit 3a15b7a

File tree

3 files changed

+7
-7
lines changed

3 files changed

+7
-7
lines changed

enable.html

+7-7
Original file line numberDiff line numberDiff line change
@@ -44,7 +44,7 @@ <h1>Enable CSS Grid Layout</h1>
4444
<img class="pull-left media-object" src="img/chrome.png" alt="Chrome logo">
4545
<div class="media-body">
4646
<h3 class="media-heading"><a href="https://www.google.com/intl/en/chrome/browser/">Chrome</a></h3>
47-
<p>Enable the flag called <strong>Enable experimental Web Platform features</strong> going to:<br><a href="chrome://flags/#enable-experimental-web-platform-features">chrome://flags/#enable-experimental-web-platform-features</a></p>
47+
<p>Enabled by default since version 57.</p>
4848
</div>
4949
</div>
5050
</div>
@@ -53,7 +53,7 @@ <h3 class="media-heading"><a href="https://www.google.com/intl/en/chrome/browser
5353
<img class="pull-left media-object" src="img/firefox.png" alt="Firefox logo">
5454
<div class="media-body">
5555
<h3 class="media-heading"><a href="https://mozilla.org/firefox">Firefox</a></h3>
56-
<p>Enable the flag called <strong>layout.css.grid.enabled</strong> going to:<br><a href="about:config">about:config</a></p>
56+
<p>Enabled by default since version 53.</p>
5757
</div>
5858
</div>
5959
</div>
@@ -72,16 +72,16 @@ <h3 class="media-heading"><a href="http://windows.microsoft.com/en-us/internet-e
7272
<img class="pull-left media-object" src="img/opera.png" alt="Opera logo">
7373
<div class="media-body">
7474
<h3 class="media-heading"><a href="http://www.opera.com/">Opera</a></h3>
75-
<p>Enable the flag called <strong>Enable experimental Web Platform features</strong> going to:<br><a href="opera://flags/#enable-experimental-web-platform-features">opera://flags/#enable-experimental-web-platform-features</a></p>
75+
<p>Enabled by default since version 44.</p>
7676
</div>
7777
</div>
7878
</div>
7979
<div class="col-sm-6">
8080
<div class="media thumbnail">
81-
<img class="pull-left media-object" src="img/webkit.png" alt="WebKit logo">
81+
<img class="pull-left media-object" src="img/safari.png" alt="Safari logo">
8282
<div class="media-body">
83-
<h3 class="media-heading"><a href="https://webkit.org/downloads/">WebKit</a></h3>
84-
<p>In Safari Technology Preview and WebKit Nightly Builds you can enable the experimenta feature called <strong>CSS Grid</strong> using the menu: <em>Develop > Expermiental Features > CSS Grid</em></p>
83+
<h3 class="media-heading"><a href="https://developer.apple.com/safari/download/">Safari</a></h3>
84+
<p>Enabled by defualt since version 10.1.</p>
8585
</div>
8686
</div>
8787
</div>
@@ -90,7 +90,7 @@ <h3 class="media-heading"><a href="https://webkit.org/downloads/">WebKit</a></h3
9090
<img class="pull-left media-object" src="img/epiphany.png" alt="Epiphany logo">
9191
<div class="media-body">
9292
<h3 class="media-heading"><a href="https://wiki.gnome.org/Apps/Web">Epiphany</a></h3>
93-
<p>Set the environment variable <tt>WEBKITGTK_EXPERIMENTAL_FEATURES</tt>:<br><pre>$ export WEBKITGTK_EXPERIMENTAL_FEATURES="CSS_GRID_LAYOUT=1"</pre></p>
93+
<p>Enabled by default since version 3.24.</p>
9494
</div>
9595
</div>
9696
</div>

img/safari.png

23.5 KB
Loading

img/webkit.png

-24 KB
Binary file not shown.

0 commit comments

Comments
 (0)