I have used W3 schools before and have found it very helpful for learning html, however I find I need to supplement it with video walkthroughs since the tutorials are a bit basic. I started practicing working on some of the templates for next weeks assignment as I continued to understand how CSS and HTML work together. I am still trying to learn the difference and will definitely need to watch more videos to fully understand how to use them in tandem. I did encounter one issue on my first try at practice coding that I’m still not sure how to fix, I am unable to make my hero image work even though the source image is working but it will not appear when i go to run tests through W3 schools. I’ve used ChatGPT to try to fix the issue in my code and its solution didn’t work either. My main questions after this week are, are there any good video sources you would recommend that cover coding a website with lots of images, and how should I go about fixing code when I’m not sure what’s causing it to not run properly?
I will post my code so far in the comments in case you would like to have a look!
Photography Portfolio
body {
font-family: Verdana;
margin: 0;
padding: 0;
background-color: #f4f4f4;
}
.container {
display: flex;
}
.about-me {
flex: 1;
padding: 20px;
background: #333;
color: #fff;
}
.about-me h1 {
font-size: 24px;
}
.hero {
flex: 4;
background: url(‘https://i.ibb.co/RYGV1s3/Toast.png’) center/cover no-repeat;
min-height: 100vh;
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.hero h1 {
font-size: 36px;
color: #fff;
}
.hero p {
font-size: 18px;
color: #fff;
max-width: 600px;
}
footer {
background-color: #333;
color: #fff;
text-align: center;
padding: 10px 0;
}
About Me
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam in mi sit amet elit rhoncus venenatis. Sed eget pulvinar elit.
Megan Rourk Photography
Explore the world through my lens.
© 2023 Your Name