• Theory
  • Theory

First challenge

The instructor Muffin saw that you applied yourself and worked methodically throughout the whole chapter, and you had almost earned a new achievement. All that remained for you to do was to consolidate the material that was previously covered a little.

Muffin sketched a website template on a napkin in the café. He also prepared the desired styles, and now he wants you to bring his template to life. To do this, all you have to do is mark up the existing text with the necessary tags.

This is an unusual assignment. Challenges are the most difficult assignments in courses. If you pass the challenge, then it proves that you have good command of the material.

The main goal of the challenge is to obtain a presentation in the mini-browser that matches the model to the maximum degree possible using HTML and CSS. In order for the system to be able to compare your result with the model, you need to press the Compare button.

The first challenge is fairly simple. This assignment requires you to use all of the tags that we have covered in the chapter. If you focus on the model, then the structure of tags can be understood from the block labels.

Please note that a tabbed panel has appeared in the learning interface.

SampleResultOverlayDifferences?

Please note: The “result” tab displays how our server sees your code. It compares this image with the model. You should consult this tab frequently, because sometimes the presentations in your mini-browser and on the server may differ. There are frequently discrepancies in the fonts.

You have 7 verification attempts per day. After you confirm your e-mail address, you will have 10 attempts per day instead of 7.

If you fail to pass the challenge today, you can still move on to the next chapters and retake the challenge tomorrow.

  • index.html
HTML
HTML

You’ve gone to a different page

Click inside the mini-browser to shift the focus onto this window.

100%
Granny Muffin

Easy there, pal!

To access the HTML document structure challenges in the HTML and CSS basics, you need to sign up and subscribe first.