Using CSS3 Flex-box

Using CSS3 Flex-box

Alois Napitalai Alois Napitalai

Alois Napitalai

ICT Lab Manager at Surveying and Land Studies Dept(UNITECH)

发布日期: 2020年7月6日
+ 关注

Simple Cascading Stylesheet rules to vertically and horizontally center your HTML contexts using flex-box.

html,body{

height: 100%;

margin:0;

padding: 0;

}

body{

display: flex;

align-items: center;

justify-content: center;

}

And there it is, all your contents centered. It's also responsive to any screen sizes.




要查看或添加评论，请登录

Alois Napitalai的更多文章

  • Using the Terminal in Ubuntu Server
    2024年6月27日

    Using the Terminal in Ubuntu Server

    A graphical User Interface(GUI) makes it easy for us to navigate and do work especially in the Ubuntu desktop version…

    3 条评论
  • Logistic Regression
    2023年9月25日

    Logistic Regression

    This is a follow up tutorial on my previous post linear regression on my road to understanding machine learning. As a…

    8 条评论
  • Road to Understanding Machine Learning
    2023年9月21日

    Road to Understanding Machine Learning

    Traditional Machine Learning-Linear Regression Algorithm Machine learning is simply training a machine to make…

  • Automate a Full-stack Application Deployment Using GitHub Actions
    2023年8月10日

    Automate a Full-stack Application Deployment Using GitHub Actions

    #githubactions #git #reactjs #expressjs #virtualization #fullstackdevelopment #githubrepository #statemanagement I have…

    2 条评论
  • Using Github Actions For Website Building
    2023年7月27日

    Using Github Actions For Website Building

    name: Website Deployment Automation on: push jobs: installs: runs-on: ubuntu-latest…

    2 条评论
  • Excel Functions and Formulas
    2023年5月17日

    Excel Functions and Formulas

    I got stuck on excel formulas and functions the other day, it took me some time to get what I wanted. I have a little…

  • React and Ionic Routing
    2023年2月13日

    React and Ionic Routing

    React Routing What is routing in react? Routing in React is the process of mapping URLs(uniform resource locators) to…

  • Persisting GeoSpatial Data in MongoDB
    2022年11月10日

    Persisting GeoSpatial Data in MongoDB

    Persisting data is crucial in web applications, if data is not saved, the data is wiped out when a page refresh is done…

  • Under the Hood of React Components
    2022年7月20日

    Under the Hood of React Components

    Doing It The JSX Way Components are the building blocks of react websites and UIs and these components are built using…

  • Web Proxy Authentication
    2021年12月17日

    Web Proxy Authentication

    In my last article, I wrote about the installation of squid as a caching server that can be used to locally cache pages…

    7 条评论

社区洞察

其他会员也浏览了