Building a responsive portfolio website with HTML & CSS (Form validation included - NO JS needed)

Поділитися
Вставка
  • Опубліковано 18 вер 2024
  • Today's video is about building a fully responsive design portfolio website with HTML and CSS. Also, form validation has been included without writing any javaScript code.
    In this video, we will...
    • Breakdown the layout to understand it better
    • Structure the HTML properly
    • Style the components and also make the layout responsive
    • Include form validation without having to write any JavaScript.
    👉 Resources
    • Starter files: github.com/Ore...
    • BouncerJS: github.com/cfe...
    • Live preview: minimalistic-p...
    • GitHub repository: github.com/Ore...
    👉 Timestamps
    • 0:40 What we'll build
    • 1:42 Breaking down the layout
    • 3:31 Structuring the HTML
    • 28:58 Setting up the stylesheet
    • 36:07 Setting up typography
    • 54:09 Setting up component styles
    • 1:08:26 Setting up the mobile layout
    • 1:26:37 Setting up the desktop layout
    • 1:48:09 Setting up form validation with bouncerJS

КОМЕНТАРІ • 7

  • @georgeyuviki
    @georgeyuviki 2 місяці тому

    Absolutely fantastic video, Kim! Your step-by-step guide on building a fully responsive portfolio website using HTML and CSS was incredibly detailed and easy to follow. I particularly appreciated how you broke down each section, explaining the layout structure and the reasoning behind using flexbox and CSS grid for different components.
    Overall, this video was a goldmine of information, and I'm looking forward to more of your tutorials. Keep up the excellent work!

    • @kimdoescode
      @kimdoescode  2 місяці тому

      Thank you very much. Your support is highly valued✨

  • @konforblessing345
    @konforblessing345 2 місяці тому

    Kim, appreciate the effort you put into explaining everything so clearly. Looking forward to more content like this.

    • @kimdoescode
      @kimdoescode  2 місяці тому

      Thank you for the comment. I appreciate the support. More content is on the way

  • @razabulAhmed
    @razabulAhmed 2 місяці тому

    I love your tutorials

  • @tasinmalif_
    @tasinmalif_ 2 місяці тому

    what is that windows theme you are using? make a tutorial if possible on how to get the same theme it so beautiful

    • @kimdoescode
      @kimdoescode  2 місяці тому +1

      Thanks for the comment. I use a "solarized for windows 11". It's a theme made by nivuu. You can find them on devian art.
      And for the transparent explorer blur. I'll give some thought to making tutorials about windows customization, as of now, the focus is front end development.