search

Alina-Khmilevska / UPSA-React

This repository contains the source code for the UPSA Pharmaceutical Organization's website, developed using the React library.
1 stars 0 forks source link

Styling latest news block #44

Closed na-talia closed 11 months ago

na-talia commented 11 months ago

A style was added for the News Block according to the Figma design.

A ReadMoreButton component was also created, which could be reusable.

na-talia commented 11 months ago

In Figma, this component is sized at 1926px, which is bigger than screen size. Therefore temporary I've adjusted its size to match the other sections on the page. The sizes of other elements such as images and buttons have been also reduced.

The pictures are originally in a square format, but in Figma, they are in a rectangular shape. Because of this, the images appear slightly stretched. It's necessary to adjust the size or shape to better suit the correct display of the pictures.

Additionally, the data in the title and body can be very long, making the Card longer. Therefore, temporary adjustments have been made to the min-width and min-height properties.