Nowy grid nie działa

0

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?

1

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

0

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.

1
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.

0

ściągnij sam grid bootstrapa 4 i tyle

0
  1. Powiedz mi proszę jak pobrać taki fragment bootstrapa?
  2. I powiedzcie mi czy używanie fragmentów bootstrapa w CV nie wygląda słabo? :>
1

tutaj masz:
https://github.com/m-spyratos/bootstrap-4-grid
a bootstrap jest na tyle popularny że na pewno warto znać

0

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?

1

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

1

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 :-)

1 użytkowników online, w tym zalogowanych: 0, gości: 1