Nowy grid nie działa

Odpowiedz Nowy wątek
2018-05-10 11:36
0

Cześć.
Ostatnio chciałem wypróbować grid znaleziony w odmętach Githuba:
https://github.com/zachacole/[...]d/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?

Pozostało 580 znaków

2018-05-10 11:46
1

Konsola w WebDev Toolsach i masz:

Did not parse stylesheet at 'https://github.com/zachacole/[...]d/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


Be yourself, go your way.
Do not listen to advice.
Move every day.
To heaven.

Pozostało 580 znaków

2018-05-10 11:59
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.

Pozostało 580 znaków

2018-05-10 12:04
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.


Be yourself, go your way.
Do not listen to advice.
Move every day.
To heaven.
edytowany 1x, ostatnio: sintloer, 2018-05-10 12:05
Wszedłem w ten link na codepen i sekcja CSS jest pusta a mimo to widze to ostylowane. Jak się to obsługuje :) ? - adams0 2018-05-10 16:59
Koło zębate przy napisie "HTML" z lewej strony. - sintloer 2018-05-10 17:12

Pozostało 580 znaków

2018-05-10 12:35
1

Btw polecam zapoznać się z natywnym gridem

https://css-tricks.com/snippets/css/complete-guide-grid/
http://cssgridgarden.com/

Pozostało 580 znaków

2018-05-10 12:43
0

ściągnij sam grid bootstrapa 4 i tyle


Pozostało 580 znaków

2018-05-10 17:01
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? :>

Pozostało 580 znaków

2018-05-10 17:21
1

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


Pozostało 580 znaków

2018-05-10 18:01
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?

Pozostało 580 znaków

2018-06-13 14:13
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

edytowany 2x, ostatnio: 666piter, 2018-06-13 14:13

Pozostało 580 znaków

2018-06-13 18:22
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 :-)

Pozostało 580 znaków

Odpowiedz
Liczba odpowiedzi na stronę

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