interactive Blog-preview-card-component

What are you most proud of, and what would you do differently next time?

1.How to make better use of figma files to build html and css files

• We can check the layers and frames of figma design and create html labels according to the design.
• Check figma's library to include all defined colors and typography.

2. How to place the component in the middle of its parent container

• Make the parent container a flexbox and use align-items and justify-content.

display: flex;
align-items: center;
justify-content: center;

3. Variable font and static font

• Variable font includes different font styles and font weights of the font. In this case, the definition of font family decreased as we can define only one variable font and change its styles and weigths accordingly.
• Static font means we need to create font family for every variable of the font and give them different names.

What challenges did you encounter, and how did you overcome them?

1.How to reduce the font size in mobile layout without using media queries? Confusing and just don't know the solution.

What specific areas of your project would you like help with?

1.How to reduce the font size in mobile layout without using media queries? Confusing and just don't know the solution. 2. Is there other ways to place the element in the center of its parent container except the code below

display: flex;
align-items: center;
justify-content: center;