Responsive Easy Bank App

I faced the same issues too, but found a way to fix it,

for those text in paragraph tags, you have to select the specific tag for it to change the desire text. For example:

<div class="container"> 
    <p>This is a paragraph</p>
 </div> 

Css

 .container p{
     font-size: 18px; 
} 

for those text in anchor tags, you have to select the anchor tag for it to work

<div class="container"> 
    <a href="#">This is a link</a>
 </div> 

Css

.container a{ 
    font-size: 18px; 
} 

Then for the icon hover, you have to

• look for the SVG file and set the "fill" to nothing
• then select the SVG in css and set fill to white
• then set the fill hover property

selector:hover{
    property:value;
}

svg:hover{
    fill: blue;
}

With this approach, you will have to put the SVG in html instead of image.

Instead of

<footer>
    <img src="image.svg">
</footer>

open the SVG.svg file in your text editor, copy and paste the code in your html

<footer>
    <svg code>
</footer>

@JusticeJatau Thanks a lot

@cgambe anytime