-
Notifications
You must be signed in to change notification settings - Fork 93
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
cedar mac #67
base: master
Are you sure you want to change the base?
cedar mac #67
Conversation
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Nice work on this creative project! I see if the reflection that you are not pleased with the outcome, but I applaud the work you've done to learn how to use CSS to create such a dynamic site. You are off to a strong start.
@@ -1,12 +1,41 @@ | |||
<!DOCTYPE html> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
It is a convention to put the index.html
at the project root directory level and additional pages in a directory such as pages
<p>Lorem ipsum MAC dolor sit amet consectetur, adipisicing elit MAC.</p> | ||
</main> | ||
|
||
<footer> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Hrmm, somehow I don't see this on the rendered page
</footer> | ||
|
||
<section class="showcase"> | ||
<video src="./videos/pexels-video-lava.mp4" muted loop autoplay></video> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Cool video background!
position: absolute; | ||
left: -9999px; | ||
} | ||
.menu-icon:checked + label, |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Nice work implementing this menu feature!
.nav ul li:nth-child(4){ | ||
transition-delay: 50ms; | ||
} | ||
.nav ul li a{ |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
This selector is getting a bit complex. You might consider using a more specific class name to simplify here.
Personal Portfolio Site
Congratulations! You're submitting your assignment!
Comprehension Questions
Why is it important to consider and use semantic HTML? |
I don't feel like I did this very well, but using semantic HTML keeps things clear and organized.
How did you decide to structure your CSS? |
I went with an abstract/chaotic CSS structure.
What was the most challenging piece of this assignment? |
Honestly, I am not pleased with the end result of this project. I have no experience with HTML/CSS, but for some reason thought that it would be easy peasy, so I chose to work on other things and got a very late start. Turns out that if you want to make something that isn't lame, it can actually be quite time consuming and tricky!
I didn't really finish the assignment and am not happy with what I was able to complete. Next time I will spend more time on it and make the best website ever.
Describe one area that you gained more clarity on when completing this assignment |
It is clear to me now that a beginner cannot simply make a sick website in one day.
Optional |
Did you deploy to GitHub Pages? If so, what is the URL to your website? |
https://mac-madison.github.io/personal-portfolio-site/pages/index.html
(The corner bubble is the nav, click it to go to other pages)