Flexbox or Grid Layout for Portfolio?

Hey guys, it's been a very long time since I've touched HTML/CSS but I'm moving back in that direction. I need to build an online portfolio, and was wondering which method is more usable in December 2016. For instance, would a grid layout even hold up across browsers? Should I rely on the old float and absolute positioning techniques from years ago? What say you?

Thanks,
ARNK

Vertically arranged images with text alongside: inline-block?

Hi,

When I say that I'm a beginner with CSS (and HTML), I mean it!

Im trying to style my page to look very similar to this: http://intro-webdesign.com/CSS/assignment-2/index.jpg but I'm struggling to get the 3 images vertically whilst allowing the text to sit next to them. I presumed 'inline-block' was the way to go but I can only get the images vertical by using 'block'.

This is the HTML i am working with (which I am not allowed to alter):

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Ultimate Frisbee - Home</title>

Main picture on home page alignment

My url
//mod edit: link fixed. ~gt
Hello, I am quite new to CSS and I am having one issue with my page. The main picture on my homepage does not move with the rest of the content and I am not sure how to correct this. I am guessing this line of code [background: none repeat scroll 0 0 transparent] has something to do with the movement and placement of the other content, but for some reason I can not successfully apply it to the picture's code. Any help would be greatly appreciated. Thanks

CSS (Weebly) blog sidebar, content width, scrollbars - Help, please!

Hi, everyone! I am new here and new to CSS!

Move tumblr description box without moving page next button

So I'm new to all this coding stuff and I was wondering if anyone could help me figure out how to move my tumblr description box without making the numbers/next button move with it.
I want to move it so it's to the right of the next page button because there's a large amount of gray space there that I'd like to fill.

<!DOCTYPE html>
<html>
<head>
<!--
 
 
 
 
 
 
 
 
 ******************************************************************
                    THEME  :  04. S E N T I N E L
                  VERSION  :  PUBLIC; 

Syndicate content