Unable to Solve this

MDN
#1

Float -> Slidebar
You have probably visited a website that has at least one sidebar. Some are very simple and others are more complex, but the goal is the same. In this exercise, we will learn how to create a very simple sidebar layout.

To achieve this you need to add the float property in two elements so they look like the image below.

ScreenHunter 34

You can follow these steps if you are struggling:

  • Assign the classes to each of the divs (the order matters).
  • Do not remove the mid-element class from the two middle divs, use space to separate each class.
  • Notice in the image that there is a space between the Main Content and the Side Bar.
  • These are the classes that you need to add to the elements: header , main-content , side-bar and footer .

Looking for some help how to achieve this image result.

#2

Hi @shubhampandey and welcome to the community :wave:

Could you please post a link to the task?
Guessing from your description I would say that the “Main Content” element needs float: left; in its CSS and the “Side Bar” needs float: right;

I hope that helps!

Have a nice day,
Michael

PS: Your email address is visible in your post. I think it somehow ended up in the optional “name” field of your profile. I recommend removing it.

1 Like
#3

@mikoMK Thanks for your reply :slight_smile:

1 Like
#4

Thanks! Since I don’t have an account there, I can’t see the given source code but yes, the float properties I wrote above seem right. Don’t forget to also add appropriate classes to both elements like <div class="mid-element main-content">Main Content</div>

#5

Yes ! Thanks for the prompt help !

Stay safe ! Have a good day :slight_smile:

1 Like
#6

You are welcome! :slightly_smiling_face:
Stay safe, too!

#7

Hello @shubhampandey
is that from https://hyperskill.org course or i am wrong if yes then i have account there just give me the link to the task

#8

I saw you commenting there in this task. You are active EVERYWHERE :grin:
I even saw you on the Rocky Linux forum :sweat_smile:

They removed the link from a previous post. It’s here: https://hyperskill.org/learn/step/12703#comment

1 Like
#9

lool are you tracking me :joy:

are you on rocky also ?

thanks boss i will check it

1 Like
#10

lol i saw my comment just on the next comment to her :joy:

i find that the last comment she said
got it ! please remove your comment ! so i guess she got it

did you got it @shubhampandey or you still need more help

1 Like
#11

I just have to migrate one CentOS 8 server and was curious what’s going on the Rocky forum. Clicked through some posts and then I saw “justsomeone” and thought: “Wait a minute, I know this guy!” :grin:

1 Like
#12

next time when i want to hide i will name myself
iamNotJustSomeOne :joy: :joy::joy: i used centos 8 before migrating also
glad to see more linux users :joy:

now i will annoy you if i have question about linux also :joy:

1 Like
#13

Noted down… :smile:

1 Like
#14

Looking for help for this exercise.
Write a page that contains three paragraphs <p> (all without quotes):

  1. id = “main-information”, text — “Main information”;
  2. id = “history”, text — “History”;
  3. id = “tours”, text — “Tours”;

Add a navigation block to the page using <nav> . The navigation should contain three links (one per paragraph), each with the same text as in a paragraph. All the links should have title attributes that match their text. The title of the page should be Great Britain .

#15

Could to tell us which part you have problems with?
Please share your current work in an online editor like https://codepen.io. Then we can tell your how to improve your code specifically. Otherwise this just sounds like we are solving exercises for you :neutral_face:

Cheers,
Michael

1 Like
#16

finally solved with my effort.

2 Likes