Cześć.
Ostatnio chciałem wypróbować grid znaleziony w odmętach Githuba:
https://github.com/zachacole/Simple-Grid/blob/master/simple-grid.css
Niestety, zupełnie nie działa. No i zastanawiam się czy to ten grid jest zepsuty czy to ja napisałem coś nie tak:
https://jsfiddle.net/2062cp39/
?
Zastanawia mnie też czy używanie takich wynalazków jako jakaś składowa CSS'a Stronki-portfolio może zostać źle odebrane?
Konsola w WebDev Toolsach i masz:
Did not parse stylesheet at 'https://github.com/zachacole/Simple-Grid/blob/master/simple-grid.css' because non CSS MIME types are not allowed in strict mode.
Twój link do css prowadzi do repozytorium.
Powinien wyglądać tak:
https://raw.githubusercontent.com/zachacole/Simple-Grid/master/simple-grid.css
Wielkie dzięki. Zupełnie nie pomyślałem. Niestety po zmianie arkusz nadal nie działa. Co więcej gdy skopiowałem i dołączyłem lokalnie to też nie działa.
adams0 napisał(a):
Wielkie dzięki. Zupełnie nie pomyślałem. Niestety po zmianie arkusz nadal nie działa. Co więcej gdy skopiowałem i dołączyłem lokalnie to też nie działa.
Jest nadal ten sam błąd.
Nie można tak załączyć pliku, bo GitHub nie jest hostingiem: https://stackoverflow.com/questions/7780550/referencing-a-css-file-in-github-repo-as-stylesheet-in-a-html-file?lq=1
Możesz za to używać rawgit.com:
https://rawgit.com/zachacole/Simple-Grid/master/simple-grid.css
Ten link już powinien działać.
@Edit
Na JSFiddle działa.
Btw polecam zapoznać się z natywnym gridem
https://css-tricks.com/snippets/css/complete-guide-grid/
http://cssgridgarden.com/
ściągnij sam grid bootstrapa 4 i tyle
tutaj masz:
https://github.com/m-spyratos/bootstrap-4-grid
a bootstrap jest na tyle popularny że na pewno warto znać
Wielkie dzięki. A wracając do tematu to mam taki problem że w pliku index gdy umieszczam coś takiego:
<link href="https://raw.githubusercontent.com/zachacole/Simple-Grid/master/simple-grid.css" rel="stylesheet" type="text/css">
to nie działa. A gdy za pomocą Ctrl + A przekopiuje zawartość linku i umieszczę lokalnie na komputerze to działa jak należy. :
<link href="grid.css" rel="stylesheet" type="text/css">
Ja mam ustawiony jakiś super extreme strict mode czy co?
Polecam Ci mój artykuł na temat CSS Grida - natywnego grida dla CSS, bez zbędnych dodatków, importowania bibliotek jak bywa w przypadku np. Bootstrapa.
Poza tym CSS Grid jest przyjemny i szybciutko się w nim tworzy szablony ;)
CSS Grid poradnik
Oj wiem! Odkąd się go nauczyłem to zostałem fanem grida! Żeby swobodnie używać flexboxa to trzeba mieć super wyobraźnie. Grid jest znacznie prostszy do ogarnięcia. Chętnie poczytam twój poradnik :-)