WebDesign Essentials Portfolio

Just in 4 months, I developed my HTML and CSS skills from scratch into a strong foundation. This project gave me the opportunity to showcase what I've learned and stands as proof of how much I've grown and improved.

Find Out More

Level 1: Basic Styling Unlocked

I'm really proud of what I achieved in this project. It was challenging at the beginning, but I pushed through and learned so much along the way. I feel like I've grown both personally and professionally, and this experience has boosted my confidence in handling complex tasks.

Composition

Mastering CSS Float and Position

Level 2

Flexibility

CSS Float and Position enable creative and dynamic alignment of elements in layouts.

Precision

These techniques provide accurate control over where elements appear on the page. .

Responsiveness

Float and Position help create designs that adapt seamlessly to any screen size. !

Depth

CSS Position allows layering elements to add dimension and interactivity to designs.

Visit my one pager!

My Projects!

Flexbox for the win!

Level 3

Dynamic Layouts

Flexbox allows developers to create layouts that automatically adjust to the size of the container. It makes it easier to build flexible designs without relying on complex calculations or hacks. This feature ensures that layouts remain intact, even with varying content sizes.

Alignment Made Easy

With Flexbox, aligning items vertically and horizontally is straightforward, solving one of the biggest challenges in CSS. It eliminates the need for additional tricks like using margins or positioning. This precision helps create clean and professional designs effortlessly. .

Responsive Design

Flexbox is ideal for building responsive designs that adapt gracefully to different screen sizes. It enables elements to resize, reorder, and wrap as needed, maintaining usability and aesthetics. This makes it an essential tool for modern, mobile-friendly web development. !

Adobe 101 & Bootstrap grid

Level 4