Tribute to Charles Babbage

Tribute to Charles Babbage
0.0 0

#1

Hey guys,

I’m wrestling with the scrollable page versus a page that has the image on 1/2 of the screen (left or right) and the bullet points on the other 1/2.

Anyways, here is my current tribute page to Charles Babbage, the father of the computer: http://codepen.io/j0hnny-5/full/wWypaV/.

Could you spare a few minutes to check out my tribute page and leave some feedback?

Thanks!

-j0hnny-5


#2

I’m at the same level you are in the course, but I will say good job on keeping to the directions of the project. You reverse engineered it pretty close to the original. The only thing I don’t like is the thumbnail. I’m viewing on my widescreen desktop monitor and it is too expansive. It’s fine if you narrow it down as it would look on mobile devices, though.


#3

Thanks for the feedback! :slight_smile:

I’ve been trying to figure out how to make that image smaller. I don’t think I’m using the proper CSS code.


#4

I updated the page to make the thumbnail smaller, and the unordered list is to the right of that.

The page is easier to view now that things are cleaner :slight_smile:


#5

You’re welcome, j0hnny-5. Looks like you fixed the problem. The thumbnail stays tight now. I’m not certain the user story area is responsive enough, though. It wouldn’t hurt to have someone more experienced take a look at it. If they don’t respond here, and if you haven’t already done so hit up the chat rooms. You can get someone to look at it and give you feedback.


#6

Try adding the class “img-responsive” to the image tag to make it responsive. It’s a class built into bootstrap’s css.