In this project we will build a responsive single page photography website using a mobile first approach with just HTML5 and CSS3. This is a project suitable for everyone including beginners.
Code:
https://codepen.io/bradtraversy/pen/mKdGzd
Some Prerequisite Videos:
HTML Crash Course – https://www.youtube.com/watch?v=UB1O30fR-EE
CSS Crash Course – https://www.youtube.com/watch?v=yfoY53QXEnI
Build a Responsive Website – https://www.youtube.com/watch?v=Wm6CUkswsNw&t=7s
💖 Become a Patron: Show support & get perks!
http://www.patreon.com/traversymedia
Website & Udemy Courses
http://www.traversymedia.com
Follow Traversy Media:
http://www.facebook.com/traversymedia
http://www.twitter.com/traversymedia
http://www.instagram.com/traversymedia
The Developer Hangout: Public Discord Server
https://discord.gg/developers
source
Is there a tutorial for how to make something like this multiple page?
Such a rockstar tutorial! Love it!
Please I need help
I have a problem with my landing image
Thank you very much.
I am extremely excited I tripped on this tutorial! Currently taking a class and my professor is great but sometimes his tutorials are all over the place. REALLY hard to follow. Your flow was easy to follow and understand! Thank you!
Very good tutorial
you are the best brad!!!!!!!!
Thank you so much
nice, thank you so much!
Loving these videos. So many things to learn. Thanks for making them!
Every time I think I've seen all of your projects for JS I end up stumbling across another one 🙌🏼
Sir im having a doubt..The word "view work" doesn't fit inside the box for me..Where should i change? And one more doubt.
As u clicked view work,it just scrolled down to 1 pic down..What about the other pics?
(Really its an osm video.Just sat 1:30 hrs and got it done.Thank u. love from me 🙂
Amazing, I just revised my entire pack of html and css with this video. Thanks a lot, consider adding 'buy me a coffee' for support because that's better than patreon 🙂
hi bro thanks
Seems like vh and vw better defined as %age of available viewport, rather than imagining "number of slices out of 100". Confusing when described as slices.
Does anyone know how to combine CSS and JavaScript within the same text? I'm new in this stuff
I'm so lost when it comes to @media (min-width) or @media (max-width). I have this in my blog theme, but when I view on phone with Firefox, it is zoomed in, and the header isn't even centered 🙁 . What should I do?
16:31 someone tell me how he did this plz lol put every tag on its own line
What is the purpose of "flex: 0 1 60vw;" ??
Nice course
Amazing thank you, I can practice my mobile first now
Great job thanks
im still not familiar with javascript 🙁
i had a problem with the media function of min-width 500px.. the vertical split doesn't return to horizontal one even hitting below 500px..
Dude when you said we will use Roboto font, i opened google fonts and roboto was on top, never used that font, spooky
As usual SUPERB btw Why does my prettier extension takes up more space and makes it look disgusting, am I missing something in the settings?
can someone help me understand how flex: 0 1 60vw: worked in #landing-image?? what does 0 1 do ?? any link or site suggestion or anything..
WATCH CREATING MOBILE WEBSITES & SALES FUNNELS MADE EASY IN WITH 1 SOFTWARE! https://www.youtube.com/watch?v=A21POXLSr1Y
Brad, you are amazing!!!
This is the first time I've looked into CSS/HTML for a very long time and thank you for a clear, concise and extremely useful tutorial!