search

InternetHealthReport / ihr-website

Vue.js code for IHR website
https://ihr.iijlab.net/ihr/en
GNU General Public License v3.0
65 stars 122 forks source link

cards heights and link position is not equal #851

Closed Chayan8837 closed 2 months ago

Chayan8837 commented 2 months ago

Describe the bug at the main page , cards heights are not equal and the links are not at same position for all cards

To Reproduce Steps to reproduce the behavior:

  1. Go to main page

Expected behavior heights and position of all likes should equal for all cards

Screenshots Screenshot (812)

Desktop (please complete the following information):

abansal15 commented 2 months ago

@Chayan8837 i think box heights cannot be made equal as content is not same in all the boxes if we make the height equal then we have to increase the width by this may be 2 boxes will not be in fitted in the same row... What's your point of view?

Chayan8837 commented 2 months ago

yes you right, but we can set the links positions at the bottom of the cards

dpgiakatos commented 2 months ago

Hello! I believe we can improve this section. If we replace the cards with something like the image below, it could improve the website. What are your thoughts? image P.S. The image is sourced from the following: https://colorlib.com/wp/template/rango/

Chayan8837 commented 2 months ago

Yes , it will be nice if we use this design ...

Chayan8837 commented 2 months ago

@dpgiakatos

Screenshot (817) the middle card will be highlighted and the animation is smooth Screenshot (818)

I've created a component for the slider. If you'd prefer all the code in one file, I can change it. Also, if you'd like any improvements in the design, let me know. Should I create a PR?

dpgiakatos commented 2 months ago

Hi, thank you for your interest in implementing changes. However, please refrain from making any modifications unless you are assigned to this task. We are still discussing the UI changes for the landing page, and there is a possibility that the new design may be changed or dropped in favor of the old one. We appreciate your patience and understanding. Thank you.