René's URL Explorer Experiment


Title: GitHub - JSAlmeida/css-grid: Starter Files + Solutions to my CSSGrid.io Course · GitHub

Open Graph Title: GitHub - JSAlmeida/css-grid: Starter Files + Solutions to my CSSGrid.io Course

X Title: GitHub - JSAlmeida/css-grid: Starter Files + Solutions to my CSSGrid.io Course

Description: Starter Files + Solutions to my CSSGrid.io Course. Contribute to JSAlmeida/css-grid development by creating an account on GitHub.

Open Graph Description: Starter Files + Solutions to my CSSGrid.io Course. Contribute to JSAlmeida/css-grid development by creating an account on GitHub.

X Description: Starter Files + Solutions to my CSSGrid.io Course. Contribute to JSAlmeida/css-grid development by creating an account on GitHub.

Opengraph URL: https://github.com/JSAlmeida/css-grid

X: @github

direct link

Domain: github.com

route-pattern/:user_id/:repository
route-controllerfiles
route-actiondisambiguate
fetch-noncev2:96d15f4d-24bb-aad4-9427-2ce557f318cb
current-catalog-service-hashf3abb0cc802f3d7b95fc8762b94bdcb13bf39634c40c357301c4aa1d67a256fb
request-idCA54:1B5602:2654391:31E49D3:6A5CB68B
html-safe-noncebb1bd95a5735139ab4ae0307a29694004fb5f67ff01c3ac68806d1c9b47b0f60
visitor-payloadeyJyZWZlcnJlciI6IiIsInJlcXVlc3RfaWQiOiJDQTU0OjFCNTYwMjoyNjU0MzkxOjMxRTQ5RDM6NkE1Q0I2OEIiLCJ2aXNpdG9yX2lkIjoiNTg3NTY0MDgyMDY2NjY3MTQ3IiwicmVnaW9uX2VkZ2UiOiJpYWQiLCJyZWdpb25fcmVuZGVyIjoiaWFkIn0=
visitor-hmac74c2a67ace54f44e35acdab4d58a73ff2ff7e3eb936e11f3039a43ba04ae3a3b
hovercard-subject-tagrepository:185275120
github-keyboard-shortcutsrepository,copilot
google-site-verificationApib7-x98H0j5cPqHWwSMm6dNU4GmODRoqxLiDzdx9I
octolytics-urlhttps://collector.github.com/github/collect
analytics-location//
fb:app_id1401488693436528
apple-itunes-appapp-id=1477376905, app-argument=https://github.com/JSAlmeida/css-grid
twitter:imagehttps://opengraph.githubassets.com/41ad21aa91c3e48bbc28e4f9899df50c74462d42c56fbfac692786f6d7de9b5b/JSAlmeida/css-grid
twitter:cardsummary_large_image
og:imagehttps://opengraph.githubassets.com/41ad21aa91c3e48bbc28e4f9899df50c74462d42c56fbfac692786f6d7de9b5b/JSAlmeida/css-grid
og:image:altStarter Files + Solutions to my CSSGrid.io Course. Contribute to JSAlmeida/css-grid development by creating an account on GitHub.
og:image:width1200
og:image:height600
og:site_nameGitHub
og:typeobject
hostnamegithub.com
expected-hostnamegithub.com
None5290d7e14309ad1e76106a9c4237bd1041517e83ea182c8ab756752cb0c6940b
turbo-cache-controlno-cache
go-importgithub.com/JSAlmeida/css-grid git https://github.com/JSAlmeida/css-grid.git
octolytics-dimension-user_id46867279
octolytics-dimension-user_loginJSAlmeida
octolytics-dimension-repository_id185275120
octolytics-dimension-repository_nwoJSAlmeida/css-grid
octolytics-dimension-repository_publictrue
octolytics-dimension-repository_is_forktrue
octolytics-dimension-repository_parent_id113237699
octolytics-dimension-repository_parent_nwowesbos/css-grid
octolytics-dimension-repository_network_root_id113237699
octolytics-dimension-repository_network_root_nwowesbos/css-grid
turbo-body-classeslogged-out env-production page-responsive
disable-turbofalse
browser-stats-urlhttps://api.github.com/_private/browser/stats
browser-errors-urlhttps://api.github.com/_private/browser/errors
release9c975978430e9ad293956f2bbdaf153b1bd84a99
ui-targetfull
theme-color#1e2327
color-schemelight dark

Links:

Skip to contenthttps://github.com/JSAlmeida/css-grid#start-of-content
https://github.com/
Sign in https://github.com/login?return_to=https%3A%2F%2Fgithub.com%2FJSAlmeida%2Fcss-grid
GitHub CopilotWrite better code with AIhttps://github.com/features/copilot
GitHub Copilot appDirect agents from issue to mergehttps://github.com/features/ai/github-app
MCP RegistryNewIntegrate external toolshttps://github.com/mcp
ActionsAutomate any workflowhttps://github.com/features/actions
CodespacesInstant dev environmentshttps://github.com/features/codespaces
IssuesPlan and track workhttps://github.com/features/issues
Code ReviewManage code changeshttps://github.com/features/code-review
GitHub Advanced SecurityFind and fix vulnerabilitieshttps://github.com/security/advanced-security
Code securitySecure your code as you buildhttps://github.com/security/advanced-security/code-security
Secret protectionStop leaks before they starthttps://github.com/security/advanced-security/secret-protection
Why GitHubhttps://github.com/why-github
Documentationhttps://docs.github.com
Bloghttps://github.blog
Changeloghttps://github.blog/changelog
Marketplacehttps://github.com/marketplace
View all featureshttps://github.com/features
Enterpriseshttps://github.com/enterprise
Small and medium teamshttps://github.com/team
Startupshttps://github.com/enterprise/startups
Nonprofitshttps://github.com/solutions/industry/nonprofits
App Modernizationhttps://github.com/solutions/use-case/app-modernization
DevSecOpshttps://github.com/solutions/use-case/devsecops
DevOpshttps://github.com/solutions/use-case/devops
CI/CDhttps://github.com/solutions/use-case/ci-cd
View all use caseshttps://github.com/solutions/use-case
Healthcarehttps://github.com/solutions/industry/healthcare
Financial serviceshttps://github.com/solutions/industry/financial-services
Manufacturinghttps://github.com/solutions/industry/manufacturing
Governmenthttps://github.com/solutions/industry/government
View all industrieshttps://github.com/solutions/industry
View all solutionshttps://github.com/solutions
AIhttps://github.com/resources/articles?topic=ai
Software Developmenthttps://github.com/resources/articles?topic=software-development
DevOpshttps://github.com/resources/articles?topic=devops
Securityhttps://github.com/resources/articles?topic=security
View all topicshttps://github.com/resources/articles
Customer storieshttps://github.com/customer-stories
Events & webinarshttps://github.com/resources/events
Ebooks & reportshttps://github.com/resources/whitepapers
Business insightshttps://github.com/solutions/executive-insights
GitHub Skillshttps://skills.github.com
Documentationhttps://docs.github.com
Customer supporthttps://support.github.com
Community forumhttps://github.com/orgs/community/discussions
Trust centerhttps://github.com/trust-center
Partnershttps://github.com/partners
View all resourceshttps://github.com/resources
GitHub SponsorsFund open source developershttps://github.com/open-source/sponsors
Security Labhttps://securitylab.github.com
Maintainer Communityhttps://maintainers.github.com
Acceleratorhttps://github.com/open-source/accelerator
GitHub Starshttps://stars.github.com
Archive Programhttps://archiveprogram.github.com
Topicshttps://github.com/topics
Trendinghttps://github.com/trending
Collectionshttps://github.com/collections
Enterprise platformAI-powered developer platformhttps://github.com/enterprise
GitHub Advanced SecurityEnterprise-grade security featureshttps://github.com/security/advanced-security
Copilot for BusinessEnterprise-grade AI featureshttps://github.com/features/copilot/copilot-business
Premium SupportEnterprise-grade 24/7 supporthttps://github.com/enterprise/premium-support
Pricinghttps://github.com/pricing
Search syntax tipshttps://docs.github.com/search-github/github-code-search/understanding-github-code-search-syntax
documentationhttps://docs.github.com/search-github/github-code-search/understanding-github-code-search-syntax
Sign in https://github.com/login?return_to=https%3A%2F%2Fgithub.com%2FJSAlmeida%2Fcss-grid
Sign up https://github.com/signup?ref_cta=Sign+up&ref_loc=header+logged+out&ref_page=%2F%3Cuser-name%3E%2F%3Crepo-name%3E&source=header-repo&source_repo=JSAlmeida%2Fcss-grid
Reloadhttps://github.com/JSAlmeida/css-grid
Reloadhttps://github.com/JSAlmeida/css-grid
Reloadhttps://github.com/JSAlmeida/css-grid
JSAlmeida https://github.com/JSAlmeida
css-gridhttps://github.com/JSAlmeida/css-grid
wesbos/css-gridhttps://github.com/wesbos/css-grid
Notifications https://github.com/login?return_to=%2FJSAlmeida%2Fcss-grid
Fork 0 https://github.com/login?return_to=%2FJSAlmeida%2Fcss-grid
Star 0 https://github.com/login?return_to=%2FJSAlmeida%2Fcss-grid
Code https://github.com/JSAlmeida/css-grid
Pull requests 0 https://github.com/JSAlmeida/css-grid/pulls
Actions https://github.com/JSAlmeida/css-grid/actions
Projects https://github.com/JSAlmeida/css-grid/projects
Security and quality 0 https://github.com/JSAlmeida/css-grid/security
Insights https://github.com/JSAlmeida/css-grid/pulse
Code https://github.com/JSAlmeida/css-grid
Pull requests https://github.com/JSAlmeida/css-grid/pulls
Actions https://github.com/JSAlmeida/css-grid/actions
Projects https://github.com/JSAlmeida/css-grid/projects
Security and quality https://github.com/JSAlmeida/css-grid/security
Insights https://github.com/JSAlmeida/css-grid/pulse
https://github.com/JSAlmeida/css-grid
Brancheshttps://github.com/JSAlmeida/css-grid/branches
Tagshttps://github.com/JSAlmeida/css-grid/tags
https://github.com/JSAlmeida/css-grid/branches
https://github.com/JSAlmeida/css-grid/tags
117 Commitshttps://github.com/JSAlmeida/css-grid/commits/master/
https://github.com/JSAlmeida/css-grid/commits/master/
02 - Starter Files and Tooling Setuphttps://github.com/JSAlmeida/css-grid/tree/master/02%20-%20Starter%20Files%20and%20Tooling%20Setup
02 - Starter Files and Tooling Setuphttps://github.com/JSAlmeida/css-grid/tree/master/02%20-%20Starter%20Files%20and%20Tooling%20Setup
03 - CSS Grid Fundamentalshttps://github.com/JSAlmeida/css-grid/tree/master/03%20-%20CSS%20Grid%20Fundamentals
03 - CSS Grid Fundamentalshttps://github.com/JSAlmeida/css-grid/tree/master/03%20-%20CSS%20Grid%20Fundamentals
04 - CSS Grid Dev Toolshttps://github.com/JSAlmeida/css-grid/tree/master/04%20-%20CSS%20Grid%20Dev%20Tools
04 - CSS Grid Dev Toolshttps://github.com/JSAlmeida/css-grid/tree/master/04%20-%20CSS%20Grid%20Dev%20Tools
05 - CSS Grid Implicit vs Explicit Trackshttps://github.com/JSAlmeida/css-grid/tree/master/05%20-%20CSS%20Grid%20Implicit%20vs%20Explicit%20Tracks
05 - CSS Grid Implicit vs Explicit Trackshttps://github.com/JSAlmeida/css-grid/tree/master/05%20-%20CSS%20Grid%20Implicit%20vs%20Explicit%20Tracks
06 - CSS grid-auto-flow Explainedhttps://github.com/JSAlmeida/css-grid/tree/master/06%20-%20CSS%20grid-auto-flow%20Explained
06 - CSS grid-auto-flow Explainedhttps://github.com/JSAlmeida/css-grid/tree/master/06%20-%20CSS%20grid-auto-flow%20Explained
07 - Sizing tracks in CSS Gridhttps://github.com/JSAlmeida/css-grid/tree/master/07%20-%20Sizing%20tracks%20in%20CSS%20Grid
07 - Sizing tracks in CSS Gridhttps://github.com/JSAlmeida/css-grid/tree/master/07%20-%20Sizing%20tracks%20in%20CSS%20Grid
08 - CSS Grid repeat functionhttps://github.com/JSAlmeida/css-grid/tree/master/08%20-%20CSS%20Grid%20repeat%20function
08 - CSS Grid repeat functionhttps://github.com/JSAlmeida/css-grid/tree/master/08%20-%20CSS%20Grid%20repeat%20function
09 - Sizing Grid Itemshttps://github.com/JSAlmeida/css-grid/tree/master/09%20-%20Sizing%20Grid%20Items
09 - Sizing Grid Itemshttps://github.com/JSAlmeida/css-grid/tree/master/09%20-%20Sizing%20Grid%20Items
10 - Placing Grid Itemshttps://github.com/JSAlmeida/css-grid/tree/master/10%20-%20Placing%20Grid%20Items
10 - Placing Grid Itemshttps://github.com/JSAlmeida/css-grid/tree/master/10%20-%20Placing%20Grid%20Items
11 - Spanning and Placing Cardiohttps://github.com/JSAlmeida/css-grid/tree/master/11%20-%20Spanning%20and%20Placing%20Cardio
11 - Spanning and Placing Cardiohttps://github.com/JSAlmeida/css-grid/tree/master/11%20-%20Spanning%20and%20Placing%20Cardio
12 - auto-fit and auto-fillhttps://github.com/JSAlmeida/css-grid/tree/master/12%20-%20auto-fit%20and%20auto-fill
12 - auto-fit and auto-fillhttps://github.com/JSAlmeida/css-grid/tree/master/12%20-%20auto-fit%20and%20auto-fill
13 - Using minmax() for Responsive Gridshttps://github.com/JSAlmeida/css-grid/tree/master/13%20-%20Using%20minmax()%20for%20Responsive%20Grids
13 - Using minmax() for Responsive Gridshttps://github.com/JSAlmeida/css-grid/tree/master/13%20-%20Using%20minmax()%20for%20Responsive%20Grids
14 - Grid Template Areashttps://github.com/JSAlmeida/css-grid/tree/master/14%20-%20Grid%20Template%20Areas
14 - Grid Template Areashttps://github.com/JSAlmeida/css-grid/tree/master/14%20-%20Grid%20Template%20Areas
15 - Naming Lines in CSS Gridhttps://github.com/JSAlmeida/css-grid/tree/master/15%20-%20Naming%20Lines%20in%20CSS%20Grid
15 - Naming Lines in CSS Gridhttps://github.com/JSAlmeida/css-grid/tree/master/15%20-%20Naming%20Lines%20in%20CSS%20Grid
16 - grid-auto-flow dense Block Fittinghttps://github.com/JSAlmeida/css-grid/tree/master/16%20-%20grid-auto-flow%20dense%20Block%20Fitting
16 - grid-auto-flow dense Block Fittinghttps://github.com/JSAlmeida/css-grid/tree/master/16%20-%20grid-auto-flow%20dense%20Block%20Fitting
17 - CSS Grid Alignment + Centeringhttps://github.com/JSAlmeida/css-grid/tree/master/17%20-%20CSS%20Grid%20Alignment%20%2B%20Centering
17 - CSS Grid Alignment + Centeringhttps://github.com/JSAlmeida/css-grid/tree/master/17%20-%20CSS%20Grid%20Alignment%20%2B%20Centering
18 - Re-ordering Grid Itemshttps://github.com/JSAlmeida/css-grid/tree/master/18%20-%20Re-ordering%20Grid%20Items
18 - Re-ordering Grid Itemshttps://github.com/JSAlmeida/css-grid/tree/master/18%20-%20Re-ordering%20Grid%20Items
19 - Nesting Grid with Album Layoutshttps://github.com/JSAlmeida/css-grid/tree/master/19%20-%20Nesting%20Grid%20with%20Album%20Layouts
19 - Nesting Grid with Album Layoutshttps://github.com/JSAlmeida/css-grid/tree/master/19%20-%20Nesting%20Grid%20with%20Album%20Layouts
20 - CSS Grid Image Galleryhttps://github.com/JSAlmeida/css-grid/tree/master/20%20-%20CSS%20Grid%20Image%20Gallery
20 - CSS Grid Image Galleryhttps://github.com/JSAlmeida/css-grid/tree/master/20%20-%20CSS%20Grid%20Image%20Gallery
21 - Flexbox vs CSS Gridhttps://github.com/JSAlmeida/css-grid/tree/master/21%20-%20Flexbox%20vs%20CSS%20Grid
21 - Flexbox vs CSS Gridhttps://github.com/JSAlmeida/css-grid/tree/master/21%20-%20Flexbox%20vs%20CSS%20Grid
22 - Recreating Codepenhttps://github.com/JSAlmeida/css-grid/tree/master/22%20-%20Recreating%20Codepen
22 - Recreating Codepenhttps://github.com/JSAlmeida/css-grid/tree/master/22%20-%20Recreating%20Codepen
23 - Bootstrappy Grid with CSS Variableshttps://github.com/JSAlmeida/css-grid/tree/master/23%20-%20Bootstrappy%20Grid%20with%20CSS%20Variables
23 - Bootstrappy Grid with CSS Variableshttps://github.com/JSAlmeida/css-grid/tree/master/23%20-%20Bootstrappy%20Grid%20with%20CSS%20Variables
24 - Responisve Websitehttps://github.com/JSAlmeida/css-grid/tree/master/24%20-%20Responisve%20Website
24 - Responisve Websitehttps://github.com/JSAlmeida/css-grid/tree/master/24%20-%20Responisve%20Website
25 - Full Bleed Blog Layouthttps://github.com/JSAlmeida/css-grid/tree/master/25%20-%20Full%20Bleed%20Blog%20Layout
25 - Full Bleed Blog Layouthttps://github.com/JSAlmeida/css-grid/tree/master/25%20-%20Full%20Bleed%20Blog%20Layout
assetshttps://github.com/JSAlmeida/css-grid/tree/master/assets
assetshttps://github.com/JSAlmeida/css-grid/tree/master/assets
.gitignorehttps://github.com/JSAlmeida/css-grid/blob/master/.gitignore
.gitignorehttps://github.com/JSAlmeida/css-grid/blob/master/.gitignore
package-lock.jsonhttps://github.com/JSAlmeida/css-grid/blob/master/package-lock.json
package-lock.jsonhttps://github.com/JSAlmeida/css-grid/blob/master/package-lock.json
package.jsonhttps://github.com/JSAlmeida/css-grid/blob/master/package.json
package.jsonhttps://github.com/JSAlmeida/css-grid/blob/master/package.json
readme.mdhttps://github.com/JSAlmeida/css-grid/blob/master/readme.md
readme.mdhttps://github.com/JSAlmeida/css-grid/blob/master/readme.md
READMEhttps://github.com/JSAlmeida/css-grid
https://camo.githubusercontent.com/7a8ca207460a99d9e0a18c973d819d6566045f46fcb87931c4acca8caa21b17b/68747470733a2f2f7265732e636c6f7564696e6172792e636f6d2f776573626f732f696d6167652f75706c6f61642f76313531353532343435322f475249442d736f6369616c2d73686172655f776c667a6b332e706e67
https://github.com/JSAlmeida/css-grid#css-grid-video-course
CSSGrid.iohttps://CSSGrid.io
https://github.com/JSAlmeida/css-grid#course-faq
https://github.com/JSAlmeida/css-grid#q-im-getting-browsersync-couldnt-open-browser-if-you-are-using-browsersync-in-a-headless-environment-you-might-want-to-set-the-open-option-to-false
https://github.com/JSAlmeida/css-grid#q-i-cant-see-the-lines--numbers-of-firefox-css-grid-inspection-tools
https://github.com/JSAlmeida/css-grid#community-css-grid-content
Course Reviewhttps://www.bencodezen.io/blog/review-css-grid-with-wes-bos/
@bencodezenhttps://www.twitter.com/bencodezen
Recap and lessons learnedhttps://marcokuehbauch.com/blog/2018/learning-css-grid/
@mkuehbhttps://twitter.com/Mkuehb
https://github.com/JSAlmeida/css-grid#a-note-on-pull-requests
https://github.com/JSAlmeida/css-grid#live-editable-examples
Starter Files and Tooling Setuphttps://jsfiddle.net/6qvwur9q/
CSS Grid Fundamentalshttps://jsfiddle.net/qxxpgg4j/
CSS Grid Dev Toolshttps://jsfiddle.net/b55x8vh2/
CSS Grid Implicit vs Explicit Trackshttps://jsfiddle.net/mon8xdgb/
CSS grid-auto-flow Explainedhttps://jsfiddle.net/Loq4uj16/
Sizing tracks in CSS Gridhttps://jsfiddle.net/q8h3r8yb/
CSS Grid repeat functionhttps://jsfiddle.net/8f8xyx86/
Sizing Grid Itemshttps://jsfiddle.net/wqs6tcuk/
Placing Grid Itemshttps://jsfiddle.net/hs5xhvpp/
Spanning and Placing Cardiohttps://jsfiddle.net/2z7z6o9k/
auto-fit and auto-fillhttps://jsfiddle.net/d1pLngzx/
Using minmax() for Responsive Gridshttps://jsfiddle.net/xthszm2j/
Area Line Nameshttps://jsfiddle.net/tkyxomht/
Areashttps://jsfiddle.net/p0sn7L7v/
Naming Lines in CSS Gridhttps://jsfiddle.net/ygpmn0xh/
grid-auto-flow dense Block Fittinghttps://jsfiddle.net/sxj83p70/
CSS Grid Alignment + Centeringhttps://jsfiddle.net/eyL9a2gv/
Re-ordering Grid Itemshttps://jsfiddle.net/uscf9mk0/
Nesting Grid with Album Layoutshttps://jsfiddle.net/yn7jak0y/
CSS Grid Image Galleryhttps://jsfiddle.net/cbjzped2/
Axis Flippinghttps://jsfiddle.net/pt8hym9s/
Controls on Righthttps://jsfiddle.net/4o7gavuj/
Flex on Itemhttps://jsfiddle.net/1u264ftd/
Perfectly Centeredhttps://jsfiddle.net/sgbrtrjo/
Self Controlhttps://jsfiddle.net/c6gg8pkn/
Stacked Layouthttps://jsfiddle.net/mnfm1sw0/
Unknown Content Sizehttps://jsfiddle.net/4ze02bkj/
Unknown Number of Itemshttps://jsfiddle.net/Lg7r3jmy/
Variable Widths on Each Rowhttps://jsfiddle.net/qymhootd/
Recreating Codepenhttps://jsfiddle.net/br6n54qt/
Bootstrappy Grid with CSS Variableshttps://jsfiddle.net/gLLht2hd/
Responsive Websitehttps://jsfiddle.net/bh16ofp8/
Full Bleed Blog Layouthttps://jsfiddle.net/j8w6v3mh/
Readme https://github.com/JSAlmeida/css-grid#readme-ov-file
Please reload this pagehttps://github.com/JSAlmeida/css-grid
Activityhttps://github.com/JSAlmeida/css-grid/activity
0 forkshttps://github.com/JSAlmeida/css-grid/forks
Report repository https://github.com/contact/report-content?content_url=https%3A%2F%2Fgithub.com%2FJSAlmeida%2Fcss-grid&report=JSAlmeida+%28user%29
Releaseshttps://github.com/JSAlmeida/css-grid/releases
Packages 0https://github.com/users/JSAlmeida/packages?repo_name=css-grid
Please reload this pagehttps://github.com/JSAlmeida/css-grid
Contributorshttps://github.com/JSAlmeida/css-grid/graphs/contributors
Please reload this pagehttps://github.com/JSAlmeida/css-grid
https://github.com
Termshttps://docs.github.com/site-policy/github-terms/github-terms-of-service
Privacyhttps://docs.github.com/site-policy/privacy-policies/github-privacy-statement
Securityhttps://github.com/security
Statushttps://www.githubstatus.com/
Communityhttps://github.community/
Docshttps://docs.github.com/
Contacthttps://support.github.com?tags=dotcom-footer

Viewport: width=device-width

URLs of crawlers that visited me.