@LuisJimenez19
Posted
Hi Ben, congratulations on finishing this challenge, very good job.
In this case I see your website very well, you can add an overflow-x:hidden; so that there is no unnecessary horizontal scrolling.
body {
background-color: #f2f2f2;
background-color: var(--bodyBG);
font-size: 1.5rem;
font-weight: 400;
font-weight: var(--fwRegular);
line-height: 2.5rem;
overflow-x: hidden;
}
In my case I prefer to use TailwindCss because if you know CSS it is very easy to bring it to this framework. It allows you to literally write any CSS rule and it is also very easy to customize it. The disadvantage is that in development it is sometimes very difficult to read the components because to customize An element must add many classes, however it also has directives that you can extend, that is my opinion.
Regarding the challenge, you could add certain animations between each page to make it a little more pleasant.
Well Ben, I hope I have helped you, don't hesitate to answer if you have questions, see you.👋🏽
@benhensor
Posted
@LuisJimenez19 Hi Luis! Thanks very much for taking the time to have a look and for your feedback on the project.
I'm keen to know where you're seeing the horizontal scrolling as I am not able to see that on my devices? I'll certainly review the code again.
I have used Tailwind a bit and found it really interesting. I guess I just have the habit of doing css the old-fashioned way. Thanks again!
