Skip to content

WM4 CodeYourFuture / HTML-CSS-Module-Project (Karma clone)#380

Open
dewayne51 wants to merge 16 commits into
CodeYourFuture:masterfrom
dewayne51:master
Open

WM4 CodeYourFuture / HTML-CSS-Module-Project (Karma clone)#380
dewayne51 wants to merge 16 commits into
CodeYourFuture:masterfrom
dewayne51:master

Conversation

@dewayne51
Copy link
Copy Markdown

@dewayne51 dewayne51 commented Jun 26, 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: Dewayne Sewell
  • Your City: Birmingham
  • Your Slack Name: Dewayne Sewell

Homework Details

  • Module: HTML/CSS
  • Week: 2

Notes

  • What did you find easy? using git desktop to commit / push folders

  • What did you find hard? positioning and sizing images/objects, lack of time/mental energy to focus on assignment after work

  • What do you still not understand? the multitude of functions to position and size objects via html/css

  • Any other notes?

@dewayne51 dewayne51 changed the title Karma clone CodeYourFuture / HTML-CSS-Module-Project (Karma clone) Jun 28, 2022
@dewayne51 dewayne51 changed the title CodeYourFuture / HTML-CSS-Module-Project (Karma clone) WM4 CodeYourFuture / HTML-CSS-Module-Project (Karma clone) Jun 28, 2022
Copy link
Copy Markdown

@magarpratik magarpratik left a comment

Choose a reason for hiding this comment

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

Really impressed with your work. You have completed all the tasks and also attempted stretch goals. Well done! The quality of the work is really high.

Comment thread index.html

<section class="second_section">

<div1>
Copy link
Copy Markdown

Choose a reason for hiding this comment

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

Suggested change
<div1>
<div>

Comment thread index.html



<header>
Copy link
Copy Markdown

@magarpratik magarpratik Jul 14, 2022

Choose a reason for hiding this comment

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

The code is not indented consistently which makes it harder to read.
You can use Prettier which automatically indents code for you.
You can read about our code style guide here https://syllabus.codeyourfuture.io/guides/code-style-guide

Comment thread store.html


<div class="storeimg">
<img src="/img/store-image_by-andrew-neel-unsplash.jpg" alt="" height="1235" width="700" />
Copy link
Copy Markdown

Choose a reason for hiding this comment

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

you should add an alt description here, which is good for accessibility.
But, you've done it for all other img elements. Good job for that!

Comment thread store.html Outdated
<div>
<h1 class="storehdr">Order your Karma Wifi device today!</h1>
</div>
<div style="float:left;" class="item">
Copy link
Copy Markdown

Choose a reason for hiding this comment

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

Using float is not generally recommended.

I am not too sure why as I'm not very familiar with CSS myself.
I found an interesting discussion in stackoverflow https://stackoverflow.com/questions/9776840/is-float-for-layout-bad-what-should-be-used-in-its-place

Comment thread index.html
</main>


<footer class="footer">
Copy link
Copy Markdown

Choose a reason for hiding this comment

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

using class attribute here is redundant because can directly target the footer element in your CSS.

Comment thread index.html

</footer>

</section>
Copy link
Copy Markdown

Choose a reason for hiding this comment

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

I think this closing section tag should be moved to line 96.

Comment thread index.html
© Karma Mobility, Inc.
</p>

</footer>
Copy link
Copy Markdown

Choose a reason for hiding this comment

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

Suggested change
</footer>

@magarpratik magarpratik added the reviewed A mentor has reviewed this PR label Jul 14, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

reviewed A mentor has reviewed this PR

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants