Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Strange behavior for Services section #21

Closed
divinerites opened this issue Jun 27, 2018 · 4 comments
Closed

Strange behavior for Services section #21

divinerites opened this issue Jun 27, 2018 · 4 comments

Comments

@divinerites
Copy link
Contributor

divinerites commented Jun 27, 2018

I copied the demo site and the 8 items where rightly aligned.

I just changed some icons and text and suddenly the 5th item is in line 2 column 4 (same for the 10th).
The generated code seems clean, and is strictly the same for my 8 items.

I'm puzzled, did you already saw this "bad" behaviour ? ANy help/tip/pointer appreciated.

Work in progress result here : https://arolla-cocoon.netlify.com/

capture d ecran 2018-06-27 a 13 00 46

My code:

enable: true
title: Nos prestations / Our Services
subtitle: >
  Retrouvez le confort d'une chambre d'hôtel, en pleine nature et dans un lieu exceptionnel.
content:

  - icon: ion-coffee
    name: Epicerie/Boissons chaudes
    text: >
      Boissons chaudes et épicerie de produits locuax et Bios

  - icon: ion-compass
    name: Des promenades magiques
    text: >
      De nombreuses randonnées se font au départ d'Arolla. Tous les goûts et tous les niveaux !

  - icon: ion-bonfire
    name: Chauffage au bois / Wood Oven
    text: >
      Tout le bois nécessaire sera fourni pour profiter au maximum des joies du poële.

  - icon: ion-thermometer
    name: Douche & sanitaires
    text: >
      Douche chaude 1 CHF.

  - icon: ion-earth
    name: Des produits naturels
    text: >
      De l'eau exceptionnelement pure en direct du glacier, de nombreux produits locaux naturels.

  - icon: ion-leaf
    name: Respect de la nature
    text: >
      Nous utilisons exclusivement des produits nettoyants bios.

  - icon: ion-card
    name: Paiments faciles / Easy payments
    text: >
      Credit cards (Visa, Mastercard, Vpay, American express, Maestro), liquide/cash, Bank transferts.

  - icon: ion-cash
    name: Un prix très doux ... 55 CHF
    text: >
      Prix par nuit, tout inclus : Tent, King bed 2 personnes, poêle à bois, serviettes, vue, sourire, emplacement voiture, TVA, taxe de séjour.

@mehedi-sharif
Copy link
Contributor

@divinerites
Please increase the paragraph text of this block Douche et sanitaires it will be fixed.
Why this is happening :
Its a normal behave of css , when you have 4 blocks and one of them has less height it then the blocks from bottom area will that that space so it will broke your design. :)
Thanks

@divinerites
Copy link
Contributor Author

Perfect !! Thanks for the accurate help. Site is online and it rocks. great great theme. Thanks @mehedi-sharif

@mehedi-sharif
Copy link
Contributor

@divinerites , Good to know it works. Had a request could you please add a link back to our website from your website footer (Not mandatory).
Thanks for using our design .

@divinerites
Copy link
Contributor Author

divinerites commented Jun 29, 2018

@mehedi-sharif ... Credits added :-)
See it in action here : https://arolla-cocoon.netlify.com and may be you'll go there for your next holidays;-)

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

No branches or pull requests

2 participants