https://codepen.io/moshoodaisha/pen/oOrbwG
hello please if you could look at my tribute page and give me advise on what to do better i would really appreciate it
1 Like
Here is how you can improve it:
- Add a foreground and a background. On simple webpages, a good way to better your HTML is to separate from the background. Here is a sample webpage I made to demonstrate these properties.
FCC: Example Flex-Box Template
Top:
Bottom:
I could not include the entire webpage in one picture but you get the style I was going for. You can see how I edit my background color to be gray, but then have a central container with my content in it. This could be a <main> or <div> element.
The different border colors were so you could see the different containers and sections the webpage was broken up into.
Here are some more colors that also work. Notice my use of box shadows and borders:
Now apply this to yours. Use CSS Flexbox to break up your webpage into flexible sections. If you inspect (F12) and then change the screen size by dragging the menu size bigger and smaller, you will see how my elements (boxes) changes positions
I used Media Queries to change the margins but the flexbox did most of the work.
Notes
Please hit the reply button or I do not get notified.
Helpful tools–> https://codepen.io/Mike-was-here123/post/check-out-these-sites
1 Like
wow i just saw this i would get straight to it is it okay if i send you the updated version once im done?
1 Like
Sure. Hit the reply button and include the link.
Note: It is important to hit reply otherwise I do not get any notification.
oh i notice you know JS in HTML
also yay justify
but an iPhone would have trouble reading it, there’s no @media 
1 Like
Yeah. I am currently on Functional Programming. I just find that their is often not adequate responses for people’s projects for feedback, so I help 
It also gives me inspiration for my projects.
How is it going w/ the tribute page?
(w/ = with)