Call   0208 3131682   Mon-Fri 9am-6pm
Category

CSS

Flexbox cheatsheet

By | CSS, flexbox | No Comments

Equal width columns (responsive i.e. Rows on small screen width)

 

Vertically align stuff

codepen reference to vertical and horizontal centering click here

Horizontally align stuff

Vertically and Horizontally align stuff

you might also need to add height:100% to the above container css ( to force container height)

 

Simple equal height columns ( height being flexible based on content height of largest column)

Set container to display flex, and items to flex: 1 , this will grow all columns to be the same height as the highest height column of the 3 based on its content.

 

 

Screen Shot of portfolio section

Create a portfolio section on WordPress website using Custom Post Type (CPT)

By | CSS, Freelance, HTML, PHP, Wordpress | No Comments

I’m going to show you how to create a portfolio section on your WordPress website.

For any many companies (such as web design agencies) and freelancers that work with digital media its important to have a portfolio section on your WordPress website.

I’ll show you how todo this using WordPress Custom Post Types, you’ll easily be able to update the portfolio via the WordPress admin interface without having to write extra html or css.

As I’m a WordPress Developer my portfolio section will focus on showcasing WordPress programming and web design. See  the finished version here.

Read More