Skip to content

ZA2-Riyaaz Singh - HTML-CSS-Module-Project - week-03#356

Open
Riyaazct wants to merge 14 commits into
CodeYourFuture:masterfrom
Riyaazct:master
Open

ZA2-Riyaaz Singh - HTML-CSS-Module-Project - week-03#356
Riyaazct wants to merge 14 commits into
CodeYourFuture:masterfrom
Riyaazct:master

Conversation

@Riyaazct
Copy link
Copy Markdown

@Riyaazct Riyaazct commented Jun 12, 2022

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: Riyaaz
  • Your City: Cape Town
  • Your Slack Name: Riyaazct

Homework Details

  • Module: HTML-CSS-Module-Project
  • Week: 3

Notes

  • What did you find easy?
    Doing the whole webpage is becoming easier.
  • What did you find hard?
    still getting the hang of flexbox and grid. also getting the image sizes correct was a bit tricky.
  • What do you still not understand?
    Nothing really, I have an idea of what needs to be done so I just play around with things until I get it right.
  • Any other notes?

@Riyaazct Riyaazct changed the title ZA2-Riyaaz Singh - HTML-CSS-Module-Project - week-04 ZA2-Riyaaz Singh - HTML-CSS-Module-Project - week-03 Jun 15, 2022
@Nishka-Kisten
Copy link
Copy Markdown

Good job!! Both your use of semantics and the way your code is displayed are great and easy to read!

Copy link
Copy Markdown

@Nishka-Kisten Nishka-Kisten left a comment

Choose a reason for hiding this comment

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

good job on your use of semantics and the way your code is written. very easy to follow

For the horizontal scroll bar, maybe try max-width: 100% to fix that or overflow perhaps as hidden

@Riyaazct
Copy link
Copy Markdown
Author

good job on your use of semantics and the way your code is written. very easy to follow

For the horizontal scroll bar, maybe try max-width: 100% to fix that or overflow perhaps as hidden

Thanks, I've made a few adjustments, hopefully it sticks. thanks for pointing it out.

Comment thread index.html
<link rel="stylesheet" href="css/style.css" />
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
</head>
<body>
Copy link
Copy Markdown

Choose a reason for hiding this comment

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

From the tag body on top of this one, your code is not clear, there is a closing head tag which makes things very hard to figure out, please review everything from the head tag to this body tag,

Comment thread index.html
<section class="products">
<div><h2>Everyone needs a little Karma</h2></div>

<div class="grid">
Copy link
Copy Markdown

Choose a reason for hiding this comment

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

Remember we are targeting semantic tags in HTML so better change divs inside the section into articles,

Copy link
Copy Markdown
Author

Choose a reason for hiding this comment

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

Hi Mathias, those divs are just there to serve as a division between the other elements for use with Grid. I already made use of the section tag and other semantic tags where needed. I don't really have any articles on the website that's why I didn't use it, Did look at where I can use it though.

Comment thread index.html
<!-- All the images you need are in the 'img' folder -->

</body>
</body>
Copy link
Copy Markdown

Choose a reason for hiding this comment

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

The extra closing body tag is confusing things, please review your first opening body tag to fix this one better,

Copy link
Copy Markdown
Author

Choose a reason for hiding this comment

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

The extra closing body tag is confusing things, please review your first opening body tag to fix this one better,

Thanks Mathias, I'll make the adjustment. Nice find, Not sure how I managed that one.

Copy link
Copy Markdown
Author

Choose a reason for hiding this comment

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

So i checked through the code on both git and my PC , I don't see the extra body Tag.
I think what you're looking at is the deletion and insertion of the tag from one line to another. hence the red & green highlight.

Copy link
Copy Markdown

@Mathias02 Mathias02 left a comment

Choose a reason for hiding this comment

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

Riyaaz, would you please review my Karma project and suggest changes through a pull request,

Copy link
Copy Markdown

@shafiekdavids shafiekdavids left a comment

Choose a reason for hiding this comment

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

Very clear commenting on CSS and html files

@Riyaazct
Copy link
Copy Markdown
Author

Riyaaz, would you please review my Karma project and suggest changes through a pull request,

Hi Mathias, I've reviewed your project, a bit late as I only found this request a few mins ago.

@Mathias02
Copy link
Copy Markdown

It's fine thanks Riyaaz

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.

4 participants