Basic CSS Flexbox
You could watch some basic CSS tutorial like this one by net ninja on youtube link.
It takes about an hour or two, you should able to create a basic layout after finishing these basic tutorials, then you could build your portfolio upon them.
Bootstrap is a html CSS based framework to build web page layout easily.
another tutorial series by netninja link.
You could create a more complex portfolio site without the need to tweak all the CSS details. That’s what I did for lots of my FCC front end project.
Resources I can recommend:
Udacity: All the courses from their Front-End Nanodegree are available for free and I found them generally good. I’ve learned useful tricks of the trade there, like how to use
outlineto visualise your boxes, and how to overlay a design image to make it easier to build a pixel-perfect version with HTML and CSS (although maybe I learned that from the forum there, I can’t remember). Look at Intro to HTML and CSS and later Responsive Web Design Fundamentals and maybe Responsive Images.
(Note that the nanodegree itself is quite expensive. For the free courses, don’t enrol in the nanodegree, just go to the individual course pages and click on Start Free Course.)
Developer tools: If you’re not already doing this, learn how to use the developer tools in your browser. The Udacity courses make you work with Chrome and show you how to use the tools effectively. This made all the difference for me. Editing properties directly in the browser allows you to experiment quickly and check if changing this property is really going to have the effect you’re expecting. It saves you so much time when you’re trying to solve a problem. Also you can switch to mobile view and this is really useful when you try to build a responsive page.
I haven’t overcome this yet, but have found several resources* (mostly via this forum) that look helpful:
The latter seems especially useful because it seems only to cover the really important parts - eg what you need to be able to type in yourself to set up the skeleton of a project.
(* I’m in China and can’t use most video resources due to blocking/bandwidtth issues.)