Skip to content

Completed Component Library#3

Open
jugalkpatel wants to merge 83 commits intomainfrom
development
Open

Completed Component Library#3
jugalkpatel wants to merge 83 commits intomainfrom
development

Conversation

@jugalkpatel
Copy link
Owner

Guys, Please Review My Component Library.

@asmitzz
Copy link

asmitzz commented Apr 18, 2021

image
fixed the snakbar heading in the sidebar

@jugalkpatel
Copy link
Owner Author

image
fixed the snakbar heading in the sidebar

image
do you have zoomed screen. looks good in mine.

Copy link

@thesudeshdas thesudeshdas left a comment

Choose a reason for hiding this comment

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

I've suggested some changes, make them and you can merge the development branch to the main branch

@@ -0,0 +1,1606 @@
<!DOCTYPE html>

Choose a reason for hiding this comment

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

mobile responsive view is breaking, the right margin is more than left margin

<body id="body">
<div class="main">
<!-- start of the navbar -->
<nav class="navbar">

Choose a reason for hiding this comment

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

Navigation brand name is breaking in mobile view

index.html Outdated
</span>
Lorem ipsum
<span class="product-info__small"
>Lorem ipsum dolor sit Lorem</span

Choose a reason for hiding this comment

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

indentation for the span

Copy link
Owner Author

Choose a reason for hiding this comment

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

Fixed.

index.html Outdated
<div
class="container--border container--margin responsive--container"
>
<div class="flex--container">

Choose a reason for hiding this comment

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

some classes have -- in between, whereas some have __, is it a convention?

Copy link
Owner Author

Choose a reason for hiding this comment

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

yes, -- is a modifier, __ is a block

index.html Outdated
</p>
</div>
<footer class="modal__article__footer">
<button

Choose a reason for hiding this comment

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

hovering on the button makes the button same color as that of background. Make it a different color for readability

Copy link
Owner Author

Choose a reason for hiding this comment

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

Done.

@@ -0,0 +1,58 @@
<!DOCTYPE html>

Choose a reason for hiding this comment

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

I couldn't access this landing page from anywhere.

index.html Outdated
<!-- start of the container -->
<div class="container">
<!-- start of the sidebar-->
<div class="sidebar">

Choose a reason for hiding this comment

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

sidebar doesn't appear on mobile view

Copy link
Owner Author

Choose a reason for hiding this comment

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

yet not implement for mobile.

<body id="body">
<div class="main">
<!-- start of the navbar -->
<nav class="navbar">

Choose a reason for hiding this comment

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

make navbar sticky? it'll look much better and it's better for navigation through the site

index.html Outdated
height="32"
/>
</div>
<pre>

Choose a reason for hiding this comment

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

prism code is having a scrollbar on the right side, unnecessary

Copy link
Owner Author

Choose a reason for hiding this comment

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

Fixed.

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