Account Deleted
Hello.
In the root element, that is html
and then in the body
element reset back the font size to default with rem
unit, so it will scale and be proportional with pixels:
body {
font-size: 1.6rem // 1.6rem = 16px | or whatever font size it is
}
@Jael-Castillo
Posted
Excellent, thank you!. Other question, there is other way to change color of logo (huddle) in section footer? I used tag <svg> and changes its properties.
Account Deleted
@Jael-Castillo I see you used the fill
property to change the color. Another alternative would be to create a copy file from the original SVG and change the fill
property directly so you'll end up with two different images. I would go for the two files alternative if I'd knew I'll be using them a lot in the future but in this case, your solution is totally fine.
Account Deleted
I didn't notice at first but you're using grey for the box-shadow in the button and it will look good on a white background but it will be very bright on dark backgrounds, so you may want to use a transparency dark based like this 1px 2px 15px rgb(0 0 0 / 43%)
Also, there's a responsive issue with the class wrapper fc_wrapper--wrap
that is causing an overflow. You can fix it by increasing the value of the media-query
Update: you can see the problem using:
* {
border: solid;
}
@Jael-Castillo
Posted
@juanmesa2097 Thanks for alls feedbacks, I'm begginer and I still tring of understand css xD. what you mean overflow?. In media queries to tablet or movbile?. thanks for everything :D
Account Deleted
@Jael-Castillo yeah, of course, I mean by overflow that the content of the wrapper wrapper fc_wrapper--wrap
is wider than the viewport width so a horizontal scroll bar shows up and a solution for that would be increasing the min-width
of the media-query
It was nothing. Feel free to ask about any doubt you have.