toddjordan / ember-cli-tutorial-style Goto Github PK

Hello,
I'm currently doing an Ember Tutorial Guide and on page named Installing Addons, I have to install Your npm. Unfortunatelly It has weird margin on one of div's as You can see on photo from link under this. From developer settings on Chrome there isn't any margin, but on every browser It renders like it have. I also restarted my mac but it doens't change anything

here is an uploaded photo with problem : https://ibb.co/zbN9711 ( Grand old mansion has margin on right side )

I'm going through the Ember tutorial and my images are barely enlarging when I click them. Looks to me like the following rule in css:

.listing a.image {
    max-width: 150px;
    display: block;
}

should be:

.listing a.image:not(.wide) {
    max-width: 150px;
    display: block;
}

The CSS links to http://emberjs.com/images/tomsters/teaching.png which is not found.

Hello,
I've just finished the tutorial and I observed this problem with the interface. Can I fix it?
It's only necessary to add a display inline-block for the button and some margin for the address tag.

Before:

After

The individual detail boxes does not look like you show them in tutorial

https://guides.emberjs.com/images/simple-component/app-with-images.png

they are higher. Probably this line is problematic

https://github.com/ember-learn/ember-cli-tutorial-style/blob/0ceecd29849cb0f710d8d0dcca66cbf200cf4bae/blueprints/ember-cli-tutorial-style/files/vendor/ember-tutorial.css#L214

it should say something line min-height: 100ps or so.

Just started going through the Guide and noticed after I installed this addon that there is a bug in how the logo is rendered in the menu. For some reason that I can't think of at the moment the opacity property seems to be affecting positioning of the text, see below.

I only tested this in Chrome and Safari which the latter did not affect positioning.