Learn CSS Transforms by Building a Penguin - Step 27

HTML-CSS
1

Tell us what’s happening:
I’m confused by the hint on this step - it keeps changing on me, and when I try each one of them, the hint changes again. I tried Googling a ‘found’ command, but none exists that I can find. The picture looks right, but the program keeps saying it’s wrong. What am I missing?

I tried top and right both at 0px, but I can’t get a combination of -px in any amount that works. I need another hint. Below is my code for just step 27.

Your code so far

/* User Editable Region */

.sun {
width: 200px;
height: 200px;
background-color: yellow;
position: absolute;
border-radius: 50%;
top: -45px;
right: -30px;
}

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:109.0) Gecko/20100101 Firefox/116.0

Challenge: Learn CSS Transforms by Building a Penguin - Step 27

Link to the challenge:

2

Hello and welcome to the community :smiley:!
The step instructs you to set both the top and right values to -75px. Hope this helps.

1 Like
3

Actually, that is not what the instructions state. The instructions state :slight_smile:
" Position the sun in the top right corner of the screen such that 75px of its top and right edges are off screen."

@starstuck has provided the answer for you so follow her response.

1 Like
4

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.