Skip to content

flex/grid+sass#6

Open
kulikov98 wants to merge 3 commits into
epam-js-jun-2019:masterfrom
kulikov98:master
Open

flex/grid+sass#6
kulikov98 wants to merge 3 commits into
epam-js-jun-2019:masterfrom
kulikov98:master

Conversation

@kulikov98
Copy link
Copy Markdown

No description provided.

Copy link
Copy Markdown

@mariia-zu mariia-zu left a comment

Choose a reason for hiding this comment

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

Very well =)
Please, fix version with grid


.weather-widget__top-info {
@include flex(space-between, center);
padding-bottom: 5%;
Copy link
Copy Markdown

Choose a reason for hiding this comment

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

In this file you should position elements using only grid

}

.weather-widget__degrees {
@include flex;
Copy link
Copy Markdown

Choose a reason for hiding this comment

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

Here and everywhere in this file you should remove all rules connecting with flex

<div class="weather-widget__bottom-info">
<span class="weather-widget__wind">2 MPH</span>
<span class="weather-widget__humidity">33%</span>
<span class="weather-widget__clear">83%</span>
Copy link
Copy Markdown

Choose a reason for hiding this comment

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

Icons should be aligned
image

}

&__dot_active {
@extend .weather-widget__dot;
Copy link
Copy Markdown

Choose a reason for hiding this comment

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

Why do you use extend here?

}

&__clear {
@extend %bottom-icon;
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 can do like this, it's up to you.
In my opinion it's easier to add the same class for these elements and describe this class here

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