Ok, so basically I am making my first attempt here at a photography website which will ultimately be my fathers. No pressure right? Anyway im just not sure on what to do on certain things like the background, the button at the beginning on how that should be styled. So let me go over this, and the code will be provided.
So, when the page loads the background is a picture of a lighthouse here in Charleston, SC, with some text, a hr, and a button that you can click, and it will take you to the first set of photos. This screen is using the bootstrap grid to make it responsive, and a bootstrap button for the heck of it. But that buttons so clunky and boring that i just changed the opacity a little so its not just a big gray button. What could I do to make that look good? or what do you generally do with buttons?
When the button is clicked it goes to the first set of photos called wildlife.html. Waiting on my father to provide his images, so I just googled one to use. Now the navbar uses bootstrap, but the images themselves use css flex box. Just to put what I learned to use I used them both. Now the flex wrap makes the page responsive already, but because it wraps especially when the screen gets smaller everything gets pushed to the left leaving a lot of white space on the right. So I used a media query to center everything to eliminate having all that space on the right side. Good idea?
The other thing is the background for that page. All the other links/pages with photos are going to have the same layout as the wildlife, but I go from a nice img background at the start to right now just a blank background. I dont know what to do with the background? Ive tried looking at other photography websites, but honestly nothing to make me inspired. What do you think? thoughts? suggestions? Feedback?
last thing is im not gonna keep those borders on the img...was more of a
testing thing
the landing page
its css
wildlife.html
wildlife.css
