Posts on Twitter:

My favorite way to center something on the page without any scrollbars. Also cute font really is super cute. ☺️



Retweet Retweeted Like Liked



Does drive you crazy? says: "i've often found myself adding display: flex to an element and then promptly spending an eternity trying to figure out how to make anything behave." He walks us through common patterns with .







May you have confidence and strength to achieve success in your life. Happy Hanuman Jayanti For engaging with our products or any info, Call Now 9323612985 / 9322232347




D67: Brainstorming/sharing resources to use with my cohort mates before we start . I had used the Grid game, but was shown the option. Also, made it further in Eloquent .




- Layoutando com Flexbox, simples layout responsivo - Layout with responsive Flexbox, really simple layout 😪




Still confused if we really can forget about old alignments and floating techniques in because of and concepts !




Demo: Live equalizer in the url, Animating URLs with and , masonry with , :nth-child(), and order, " pages displaying your own domain" by Sign up to get news daily to your inbox:







Day 6 of ! Nailing some Zombies with a Flexbox Bow! Never thought learning flexbox could be so fun!



Retweet Retweeted Like Liked

This is what I worked on today. I practiced updating the DOM and setting the innerHTML. I also learned about .appendChild, but realized it wasn't what I needed at the moment. I'm going to continue adding to this to see what I can do!




Dach\Live: Warum investiert die -Gruppe in das Projekt ? Tim Schneider: "Wir wollen unseren Mitgliedern einen digitalen Werkzeugkasten anbieten, der ihnen hilft, ihre Abläufe zu verbessern und damit Zeit zu sparen."




Day 76 & 77 of The last days I was clarifying the use of in , I was reviewing and css , and I also made my first server with and the library 🤓😊 👩🏻‍💻




Life Lessons From Flexbox: You can be "out of the box" and align yourself in your own way.




Day 15/100: Tonight I started to build my portfolio project and have made a good start. Hero text, background image and navigation done. Using and vanilla over a framework for this one to help me learn more.



Retweet Retweeted Like Liked








Retweet Retweeted Like Liked


Posts on Tumblr:

Using Bootstrap 4 Grid

How well do you familiar with Bootstrap? We prepared something that can be of high interest to you. The Bootstrap Grid System is used for layout, specifically Responsive Layouts. Understanding how it works is vital to understanding Bootstrap. The Grid is made up of groupings of Row…

Split.js is an unopinionated utilities for resizeable split views

There is a quote that ‘the computer was born to solve problems that did not exist before’. And now we have a huge range of new tools that appear every day. To be honest, for solving those issues that didn’t exist before… However, one of these new tools we’re talking…

I remember years ago, when I tried to add the like and reblog buttons on my themes and used floats to make it look good, which never happened. I’m so glad flexbox exist, to be very honest. whoever made that possible, thank you.

instagram

Today was a fine #Day4 off #100DaysOfCode. Completed #css #flexbox and #grid in a single sitting at #freeCodeCamp . That paved me the way for stepping into the #tributepage #project. A tribute to #stephenhawking

#code #codes #codechallenge #webdesign #coding #webdev #codepen #webdeveloper #uidesign #ux #ui
@freecodecamp @_100daysofcode @codepen.io
https://www.instagram.com/p/BtBhLKkhPnJ/?utm_source=ig_tumblr_share&igshid=ftlzw7bs0tv8

Made with Instagram

OK so finally i got to combine flexbox with fixed sidebar. it was hard working and omg is the same as using floats. flexbox is the future. In addition, i just created a cute search bar with a icon i designed myself with css only and a cute css only hamburger menu. OH M G!!!!!!!!!!!!!

Grids or Flexbox ?

Grids are new in the web development world. They came to give us more flexibility to organise our web pages. But what about flexbox, that existed before ? Should we not use them anymore ? 

To help us make the choice between flexbox and grids (if a choice has to be made, because they can perfectly work together on a webpage), I want to share this article, from medium.com, written by Ayush Gutpa, a web developer : 

The Beginner’s guide to CSS grids and flexbox

In there, Ayush Gutpa explains us what makes the difference between both CSS features. 

That gave me a better view from what I learnt in class. 

And what about float ? 

Flexbox at CSS

Yeah we know, to learn about the responsive web by using percentages is very important for the learning. But how great are flexboxes in the CSS development? So handy and easy to use. I’m looking forward to use them for the next worksheet which we will get.

CSS Flexbox Notes List

The following is a list of all the notes I took while going through various CSS Flexbox tutorials and courses:

youtube

Align Items with Flex Box.

So... Heres how it went...

I made the site responsive to the best that I can, I know its not perfect. But I did manage to make the flex box elements responsive. 

It took a lot of time and a lot of scaling things up and down, but I have finally got there.