Assessment Request for Typesetting a Community School Homepage

Hi. Any assessment would be appreciated. :weight_lifting_man:

Typesetting a Community School Homepage

If I see the page in Firefox, external link image size looks just fine. But if see the same page in Chrome or Safari, the size gets big and ugly. How can I solve this issue?

Thank you and have a nice day!

Hello @harryghgim

hope that everything going fine with you

i do not know why it even work in firefox :smile:
i tried to control the size of the content but i failed before check this

but i did the following and it work for both chrome and firefox

a[href^=“https”]::after {
content:"";
background-image:url(“https://raw.githubusercontent.com/mdn/learning-area/master/css/styling-text/typesetting-a-homepage-start/external-link-52.png”);

background-position:right;
background-size: 10px 10px;
background-repeat: no-repeat;
padding-right:12px;

}

hope that help and have a nice day

1 Like

or much better as i read in someone code here but i forget his/her post

to set the background on the link itself

like following

a[href^=“https”] {

background-image:url(“https://raw.githubusercontent.com/mdn/learning-area/master/css/styling-text/typesetting-a-homepage-start/external-link-52.png”);

background-position:right;
background-size: 10px 10px;
background-repeat: no-repeat;
padding-right:15px;

}

hope that help and have a nice day

1 Like

Hi @justsomeone! Both are working like charm with mine. Thank you!

you welcome @harryghgim :slight_smile:

1 Like