- This topic is empty.
-
Hey,
Currently building a website with Bootstrap for the first time. It’s been simple and the responsive side is awesome! But I do have a few things I can’t quite sort out.
See, I made this website a few months ago when I was just starting out (http://aghicks.co.uk/) using Dreamweaver and tables… which I now realise was a big mistake. Hey-ho, I spent a few months properly studying HTML and CSS and have now been learning Boostraps ways.
So far I have this:
AGHicks Homepage
Northampton 01604786464
Mobile 07710537685
Welcome to AGHicks Building Services website! We are a Northampton based, family run company with over 20 years experience. Hardwork, efficiency and reliability are instilled throughout the workforce and we have gained a strong reputation through word of mouth.
Northampton Based
Free Quotes
No Job Too Small
Competitive Prices
OUR SERVICES INCLUDE
- Conservatories
- Extensions
- Window & Door Refits
- Bricklaying
- Driveways
- Carpentry
- Patios
- Stonework
- Plastering
- Kitchen & Bathroom Refits
- Tiling
- Fencing
- Fascias
- Garages & Carports
- Guttering
The issues I’m having can be seen is in these pictures http://imgur.com/jdSAKEk,CbbVrv7#0
(The border around the body will be removed and the styling of the navbar will be changed)
In the first image (desktop size),you’ll see that the phone numbers icon doesn’t line up next to the actual numbers and both the icon and the text aren’t aligned with the bottom of the logo. I can achieve this by using padding, but then when you reduce the width of the browser the padding remains and causes huge gaps in the page.
Second issue in the first image is that I cannot get those icons and red text in the middle right area to appear in a ‘grid’ formation like on http://www.aghicks.co.uk is currently.
Lastly, On the second image, when the browser width is reduced the two lists down appear in line with each other when there is clearly enough space.
Any help with any of the problems would be massively appreciated :)
Thanks for reading this wall of text!
- The forum ‘CSS’ is closed to new topics and replies.