DEV Community

Abimanyu P
Abimanyu P

Posted on

HTML, CSS & GITLAB

CSS Semantic Tags and Google Page Structure

HTML provides semantic tags like <header>, <nav>, <main>, and <footer>
to describe the purpose of different parts of a webpage. Even though a <div> can also be used to create the same layout, semantic tags make the code more meaningful and easier to maintain. Search engines and screen readers can identify these sections correctly, which improves accessibility and page structure. A <div> is mainly used as a generic container when no specific semantic element matches the content. While creating a Google homepage clone, the footer can be separated into a country section and a navigation section. The footer stays at the bottom of the page using CSS positioning, while Flexbox helps to align the links on the left and right side in a clean manner.

GitLab Branch Push Using SSH

Git follows a workflow where a local repository is connected to a remote repository through a remote named origin. Instead of pushing code directly to the main branch, creating a separate feature branch keeps the project organized and avoids affecting other developers' work. SSH keys provide a secure way to connect Git with GitLab, so there is no need to enter the account password every time a push operation is performed. Commands like git remote -v, git checkout -b, git add, git commit, and git push -u origin branch-name play an important role in the workflow. After the first push, the upstream branch gets linked, making future pushes simple with a normal git push command.

Top comments (0)