Tribute-page finish ? Yes. Come share your finish page

Hi everyone, so Im finished my first page, and I will like to shared with u guys :slight_smile:
Dont be shy and say if u like or no, Im open for that.

I way try make that alor responsible this page, and it was realy loveli for me do that, because I use this time for learning


@media ( max-width:800px){
        #your-id{
                  background: #fff;
           }
    
}

**-------------------------------------------------------------------------------------------------------**


@media(max-width:1445px){
    #img-div, #image{
        width: 1025px;
        border: none;

    }
}

I realy enjoy that so much. Because I was know that this time must coming, and I will need learn responsible design, and now I was enjoyed and learn alot of new things and ideas. So gys if u want, share you page,dont be shy and lets to tolk.

Making like in class 1-5
:smiley:

https://codepen.io/TomTory/pen/NWppjZG

By TomM.
alias TomTory

Hi @tomasmatusek !

Congrats on finishing your first page!

Just a few things

You will need to validate your email with codepen so we can see the full view

If you are planning on submitting this for the FCC certification then you will need to include the test suite with all of the tests passing.

<script src="https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js"></script>

Right now you are only passing 4/10

In codepen, you don’t need to inlcude all of the head and html tags.

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="style.css">
  <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
  <link href="https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,300;0,400;1,300&display=swap" rel="stylesheet">
  <style>
    @import url('https://fonts.googleapis.com/css2?family=Spartan:wght@100;400;700;900&display=swap');
  </style>
  <title>Document</title>
  <script src="script.js"></script>
</head>

That is already built into codepen.
If you need to include links for the head than include then in the html settings.

You shouldn’t use br tags like this

   <br>
    <br>

If you want to create space between elements then use css.

You shouldn’t leave these alt attributes empty.

 alt="">

You have a few errors in your html and css.
Run your code through the html validator and css codepen analyzer.

There is a little bit of a horizontal scroll bar for smaller devices.
You will need to keep working on responsiveness.

Screen Shot 2021-05-22 at 1.43.54 PM

Hope that helps!

OO thanks so much, Im really happy for you advice and help. Thank you. So i will work on that more. Good, its nice challange for me and my time.
As I say, Im really happy for that and you advice, because i know that than I will need in future job(inshaallah)=it mean if God will want that.
So thanks for you message,and If i can ask , my rework post here ye? For dont spam website :slight_smile: Or?

Thanks you and have nice weekend.

I am not sure I completely understand your question.
But if you are asking if you can reply back to this post with your updated project then yes you can do that.

Your page looks good @tomasmatusek. Some things to revisit;

  • Verify your email addr with codepen so we can see your page full view
  • Keep the test script when forking the pen (<script src="https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js"></script>)
    • The test script, with all tests passing, should be included when you submit your projects.
    • Your page passes 4/10 user stories. Click the red button to see which test(s) are failing and text to help you correct the issue.
    • Be sure and read more than just the first line of the failing message. The ability to read and comprehend error messages is a skill you’ll need to acquire as a developer. Ask questions on what you don’t understand.
  • Codepen provides the boilerplate for you. It only expects the code you’d put within the body element in the HTML editor. (No need to include the body tags). For anything you want to add to the <head> element click on the ‘Settings’ button, then HTML and add it into the ‘Stuff for <head>’ box.
    • For instance, links to fonts go in the box labeled ‘Stuff for <head>’
  • Run your HTML code through the W3C validator.
    • There are HTML syntax/coding errors you should be aware of and address.
1 Like

Thank you for fedback, i will try fix that and do all what i get from you.
Its my first time work with something like that, normaly i try work at VS.so i just copy that.
OK.

I was try little bit fix this problem what U told me. Can I ask for any issue? I dont know how shared the page what i created, its just normaly share url link or?
(Hope i accepting verity email-so it will be shareble).
And secend question, I find problem in the page if I make responsible window, then start little problem from 1120px screen, on bottom rolling, start make bigger, How can I fix that, sorry for my poor english, I will need work at that, but now I have others problem, I need fix :smiley:
But all good, if ur can help the answer me, good or other ppl in discusion :slight_smile:

Hi J.W.O :slight_smile:
I get you messages,but in something i dont understand what it mean, i get any post from you where i get one red and one green screen, can u explain me what it mean and what i must do, or its for any delete maybe my secend or primaty post on this web here, for delete it :slight_smile:
Not sure if u understand me :slight_smile:

Can i ask you what u mean about

I was need make that
for break line because its full text about onelist, where I was need make that freesh little bit.
If i will do that like u say, i need use for that all div and it will be borred :smiley:

Can u send my mesage?
Thanks for you fedback and again fast and intensive answer to ppl :slight_smile: good job from U :slight_smile:

Yes,exactly :slight_smile:
That was my question, if i can shared that here :slight_smile: And you understand well :slight_smile:

thanks, i understand it,good :slight_smile:

OK, i take that in my page, and yes, it show my 4/10.
But what it mean 4/10?
4/10 complete task from tribute page like that they show us ? Or its any other problem?
Its little bit important because J.W.O told me in other topic where I ask if they want copy structurable from this example webpage

https://codepen.io/freeCodeCamp/full/zNqgVx

and she told me that its on us not copy that, but if yes, I need repare this web and do exactly same page but with other story,if i understand. But if its other problem, what i can do 4/10?

Hope, U understand me.

You threw out a whole bunch of questions so I try to do my best in answering them.

That was number of test you were passing when we last spoke with you.
It looks like you made some changes because now you are passing 7/10.
Screen Shot 2021-05-23 at 1.16.47 PM

You will need to click on the red 7/10 Passed button and read the full errors messages.

Just to be clear, you are not supposed to copy any of the code found in the sample project.
Just keep writing your own code like you are doing now.

The only requirement for these projects is to pass all of the tests.
You have three more tests left to pass.

This is incorrect us of the <br> tag.

Delete it.
You can read on how to properly use the <br> tag here

If you want to create space between elements then you will need to use css instead.

Sorry, I am not sure what you are asking here.

Thank you soo much for answer :slight_smile:

I was create new page with all good and fix the problem, and here is my work :slight_smile: I hope you will like that :slight_smile:

https://codepen.io/pen/?template=dyvWWvz

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