Skip to content
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

Draft
wants to merge 7 commits into
base: master
Choose a base branch
from
Draft

cedar mac #67

wants to merge 7 commits into from

Conversation

mac-madison
Copy link

Personal Portfolio Site

Congratulations! You're submitting your assignment!

Comprehension Questions

Question Answer
Did you have to resolve any issues when running the HTML Validator? If so, what were they?
Yes, a few stragglers.

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)

Copy link

@beccaelenzil beccaelenzil left a 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>

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>

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>

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,

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{

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.

@mac-madison mac-madison marked this pull request as draft December 6, 2021 19:51
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants