Bootstrap Challenge 1

You that you are starting to get to grips with Bootstrap and styling our website with Bootstrap classes, it's time for a challenge!


You're going to style the next section on our website by yourself. Here's the specification you should follow, it contains the colours, icons and fonts you should use. Try to get the margins/padding to look the same as the specification, but the exact values won't matter too much.


Step 1 - Add font awesome icons and format the text and icons. The icons to choose from font-awesome are: check-circle, bullseye and heart.

Step 2 - Make sure the layout is responsive, the icons should take up full width on medium sized screens and below e.g. iPad, phone.

But on desktop or large screen devices it should take up a 1/3 of the screen width.


Step 3 - Make the icons change colour when you mouse over the icons.

Complete and Continue  
Discussion

0 comments