Skip to content

Manchester Class 1 -Adiba Belayete - HTML/CSS- Week_01 - #445

Open
Adibab wants to merge 19 commits into
CodeYourFuture:masterfrom
Adibab:master
Open

Manchester Class 1 -Adiba Belayete - HTML/CSS- Week_01#445
Adibab wants to merge 19 commits into
CodeYourFuture:masterfrom
Adibab:master

Conversation

@Adibab

@Adibab Adibab commented Jul 27, 2022

Copy link
Copy Markdown

Volunteers: Are you marking this coursework? You can find a guide on how to mark this coursework in HOW_TO_MARK.md in the root of this repository

Your Details

  • Your Name:
  • Your City:
  • Your Slack Name:

Homework Details

  • Module:
  • Week:

Notes

  • What did you find easy?

  • What did you find hard?

  • What do you still not understand?

  • Any other notes?

@Adibab Adibab closed this Aug 3, 2022
@Adibab Adibab reopened this Aug 4, 2022

@Doris-Siu Doris-Siu left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Overall nice codes, can use more semantic and descriptive tags.

Comment thread index.html
<!-- Remember: Use semantic HTML tags like <header>, <main>, <nav>, <footer>, <section> etc -->
<!-- All the images you need are in the 'img' folder -->

<main>

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

After tags, all your visible parts of the webpage should be put in "body" tags, and inside "body", it will be further divided into "header", "main" & "footer".

Comment thread index.html
<ul>
<li>Meet Karma</li>
<li> How it works</li>
<li onclick="run()" >Store</li>

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

A simpler way - you can add "a" tag inside each of your "li" item and then declare a href="" to a destination.

Comment thread index.html


<section class ="firstOne">
<img id="background-image" src="img/first-background.jpg" alt="backgorund-image" style="width: 100%">

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Better put all your styling into the css file, it helps readiness.

Comment thread index.html
<section class ="firstOne">
<img id="background-image" src="img/first-background.jpg" alt="backgorund-image" style="width: 100%">
<article class="article">
<p>Introducing Karma</p>

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This one can use more descriptive tag - "h1".

Comment thread index.html
</section>

<section id="second-one-headline">
<p> Everyone needs a little Karma </p>

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This one can use more descriptive tag - "h2".

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants