Fix #15161 - Fix card alignments in kubernetes baiscs tutorial page.

[miteshskj]

Fixes #15161

The _index.html did not have stylesheet links causing incorrect layout. Included them for all languages which had _index.html files.

[miteshskj]

[netlify]

Deploy preview for kubernetes-io-master-staging ready!

Built with commit c12fdba

https://deploy-preview-17051--kubernetes-io-master-staging.netlify.com

[bene2k1]

/lgtm
/approve

[miteshskj]

/assign @kbhawkey

[kbhawkey]

Hi @miteshskj .
Thanks for looking into the styling of the tutorial pages and the blog base layout.

• My version of the page preview shows the layout differently -- the font sizing is not correct
  and the layout appears to be flattened out.
• Since all language versions of the tutorial use the same CSS files, it would be good
  to include these files in a single CSS file.
• Is styles.css outdated?

https://deploy-preview-17051--kubernetes-io-master-staging.netlify.com/docs/tutorials/kubernetes-basics/

[miteshskj]

Thanks for reviewing @kbhawkey
Updated the PR, removed all other css and just included styles.css and it fixed the issues you reported. No need to update styles.css.

Please review again.

[kbhawkey]

Hi @miteshskj. I reviewed the changes and preview again.
Many of the tutorials link to en/docs/tutorials/kubernetes-basics/public/css/styles.css. However, the pages that include this file, appear to alter the font size in the header and footer. I think this change needs further investigation.
/hold

[kbhawkey]

For further information, see #17108.

[kbhawkey]

/hold cancel

[kbhawkey]

@miteshskj , I created a PR (#17177) to fix the styling of the tutorial pages.
With your last commit, did you remove the update of bootstrap.min.css in layouts/blog/baseof.html? I don't see this change anymore.

[chenrui333]

/lgtm

[chenrui333]

Thanks!

[miteshskj]

Thanks @kbhawkey ! Yes I reverted the blog file as the bootstrap css was not needed in index.html so didn't see the need to upgrade the version in blog.

[kbhawkey]

Thanks @kbhawkey ! Yes I reverted the blog file as the bootstrap css was not needed in index.html so didn't see the need to upgrade the version in blog.

OK. If this information is in the commit message, would you remove the comment about updating the blog file?

[miteshskj]

Commit message was updated, I have updated the PR description to remove the blog file info.

[kbhawkey]

@miteshskj , The English version of the page, for the multi-step graphics, looks okay now.

[miteshskj]

Thank you @kbhawkey

[markthink]

/lgtm

thanks.

[daminisatya]

/lgtm
/approve

[k8s-ci-robot]

[APPROVALNOTIFIER] This PR is APPROVED

This pull-request has been approved by: bene2k1, daminisatya

The full list of commands accepted by this bot can be found here.

The pull request process is described here

Needs approval from an approver in each of these files:

• content/de/OWNERS [bene2k1,daminisatya]
• content/fr/OWNERS [daminisatya]
• content/id/OWNERS [daminisatya]
• content/ja/OWNERS [daminisatya]
• content/ko/OWNERS [daminisatya]
• content/zh/OWNERS [daminisatya]

Approvers can indicate their approval by writing /approve in a comment
Approvers can cancel approval by writing /approve cancel in a comment