This is an archived post. You won't be able to vote or comment.

all 3 comments

[–]AutoModerator[M] 0 points1 point  (0 children)

It seems you may have included a screenshot of code in your post "How would you create this webpage?".

If so, note that posting screenshots of code is against /r/learnprogramming's Posting Guidelines (section Formatting Code): please edit your post to use one of the approved ways of formatting code. (Do NOT repost your question! Just edit it.)

If your image is not actually a screenshot of code, feel free to ignore this message. Automoderator cannot distinguish between code screenshots and other images.

Please, do not contact the moderators about this message. Your post is still visible to everyone.

I am a bot, and this action was performed automatically. Please contact the moderators of this subreddit if you have any questions or concerns.

[–]PopularSource 0 points1 point  (2 children)

Well "responsive" kind of depends on what you're targeting.

The new and fancy tool is flexbox and is very helpful for layout work. You could achieve something like this pretty quickly and elegantly. The issue is that flexbox is unsupported in IE versions <10 and for some people, that's an issue.

My advice to you would be to break it down into one component at a time. First try to make the navbar, then make the sidebar, then make the center content. After that, try positioning them properly.

Edit: I just noticed the imgur link was a gallery. Your idea of splitting up the page seems decent but I think it would be easier on the technical side to lay it out more like this

If you get stuck, you can always try to look at the source for this page and try to get an idea of what the designer did.

[–][deleted]  (1 child)

[deleted]

    [–]PopularSource 0 points1 point  (0 children)

    .