Preview-Card（rwd）CSS html

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

most proud of what I learned :

• To make the font size responsive to device size, you can use a combination of calc(), vw, and rem units.

html {
  font-size: calc(14px + 0.3vw);
}
.text-preset1 {
  font-size: 1.5rem;
  font-weight: 700;
}

.text-preset2 {
  font-size: 1rem;
}

I would do differently next time:

• use Tailwind to speed up the layout process and work with React to become more familiar with the framework.

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

I spent a lot of time trying to figure out how to make the font size responsive without using media queries. After searching for solutions online and consulting two AI models, ChatGPT and Claude, I finally came up with a solution. I used a combination of calc(), vw, and rem units to achieve the desired responsive effect for the font size.

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

As soon as I received the project, I immediately started coding with HTML and CSS without considering the option of using frameworks or libraries. How should I adjust the project structure next time if I want to use the React framework and Tailwind? Note: I have learned React in class, but I haven't used Tailwind before. I have used Bootstrap.