Fimber Elemuwa

Demo Blog image

Before the introduction of the Flexbox layout model, most designers and developers used different techniques to create responsive and flexible layouts. These techniques include floats, tables, and positioning. While using these techniques is still possible, most designers have switched to using the Flexbox model.
One of the most vital properties of Flexbox is flex-wrap, which allows developers to control the wrapping behavior of flex items when they exceed the size of their flex container. In this article, we will explore the flex-wrap property, its values, and how it’s important to responsive layout behavior.
To fully understand flex-wrap, you first have to understand what Flexbox is and how it works. I’m going to briefly explain it but if you want a deeper understanding of the Flexbox model, you can read about it in this article.

Flexbox is a layout model that provides a more efficient way to organize, align, and distribute space among items in a container. The Flexbox model consists of two main components: the flex container and the flex items.

The flex container is a parent element that contains one or more flex items. It sets the context for how the flex items will be positioned within it. It is basically the container into which everything enters. The flex items, on the other hand, are the child elements that are contained within the flex container. They can be sized, ordered, and aligned within the container using Flexbox properties like flex-wrap, flex-grow, flex-basis, etc.

Now that we understand what the flex container and flex items are, let’s dive into the flex-wrap property.
The flex-wrap property is used to control the wrapping behavior of flex items within the flex container. It defines whether the flex items you have in a flex container should wrap onto multiple lines or not.

To put it simply, imagine you have a box that can fit a certain number of toys. When you have too many toys to fit in the box, you can keep squeezing them in until they all fit in the box, or you can start a new box and put some of the toys there.

That’s exactly what flex-wrap does. When we use the flex-wrap property in CSS, it’s like telling the items to either stay in one line (like squeezing them all into the box) or to wrap onto a new line when there’s not enough space (like starting a new box with some of the toys).
The flex-wrap property can have three values:

This is the default flex-wrap value. It indicates that the flex items should not wrap and should remain in a single line. Here’s how to apply this to a component:

A guide to wrapping in CSS

The Person Who Wrote on how to use CSS to beautify webpages.

An Image of the author

Connecting buyers and Sellers through an online marketplace.

Mandilas Market Place Image

These things called passkeys sure are making the rounds these days. They were a main attraction at W3C TPAC 2022, gained support in Safari 16, are finding their way into macOS and iOS, and are slated to be the future for password managers like 1Password. They are already supported in Android, and will soon find their way into Chrome OS and Windows in future releases.

Geeky OS security enhancements don’t exactly make big headlines in the front-end community, but it stands to reason that passkeys are going to be a “thing”. And considering how passwords and password apps affect the user experience of things like authentication and form processing, we might want to at least wrap our minds around them, so we know what’s coming.

That’s the point of this article. I’ve been studying and experimenting with passkeys — and the WebAuthn API they are built on top of — for some time now. Let me share what I’ve learned.
Table of contents

    Terminology
    What are passkeys?
    How do passkeys replace passwords?
    More about cryptography
    How do we access passkeys?
    The difference between passkeys and WebAuthn
    The process… in a nutshell
    The meat and potatoes
    Some downsides
    Where are things going?
    Resources


Passkeys: What the Heck and Why?

school incident image

The student who taped the teacher's remarks was suspended for three days for what the school district said was improper use of an electronic device.
A Missouri high school teacher who was videotaped repeatedly using a racial slur in class has resigned from the district, while the student who took the video finishes serving a school suspension.

Mary Walton, a 15-year-old sophomore at Glendale High School in Springfield, will be allowed to return to school Wednesday after a three-day suspension for what the school district said was improper use of an electronic device.

Walton’s suspension caused controversy, with supporters including the Radio Television Digital News Association saying she was exercising her free speech rights and documenting a disturbing incident that might have otherwise been ignored.

Kate Wellborn, Walton’s mother, said in an interview Tuesday that she was “genuinely shocked” her daughter received the harshest possible punishment for recording the teacher during class last week. She said her daughter’s video clearly showed the situation and context for what happened.

“To punish someone in this situation who does the right thing, it’s absurd,” Wellborn said.

Walton told her mother and others that she started videotaping the teacher after he said the slur several times, and her video captures him saying it twice. The teacher stopped when he saw she was recording.

Walton sent the video to her mother, a friend and a student in the video to ask for advice on what to do. She did not post it to social media, and it’s unclear how it quickly spread, said Natalie Hull, the family’s attorney.

The teacher, who had worked for the district since 2008, was initially placed on administrative leave and told to leave the building. His name has not been released.

Glendale principal Josh Groves said in a message to school employees and families last week that the comments expressed in the video were inappropriate and did not meet the Springfield district’s professional standards.

Walton was preparing to head to school Friday when she and her mother were notified she had been suspended, although Wellborn had to go to the school to find out the reason for the suspension.

Hull asked the district during the weekend to allow Walton to return to school on Monday, but officials declined. Walton did not record the teacher to get attention and doesn’t understand what she did wrong or why she was punished so harshly, Hull said.

Stephen Hall, a spokesperson for the school district, said in a statement that the district could not discuss specifics about its actions for the “unacceptable classroom incident.”

He said the student handbook is clear about consequences for inappropriate use of electronic devices, which would consider if other minors were identifiable and suffered because of a “violation of privacy.”

“SPS is confident that the district appropriately and promptly handled all matters related to what occurred at Glendale,” Hall said. “We want our schools to be safe and welcoming learning environments. When students have concerns, they should follow the appropriate steps for reporting.”

The policy on use of electronic devices includes a line that says, “The prohibited conduct includes such things as audio or visual recording of faculty or staff in the classroom; acts of violence; disruptions to the school environment; or other acts prohibited by the District’s Disciplinary Guidelines.”

Hull said the district needs to reexamine the policy because it does not allow students to capture evidence of any wrongdoing, including possible crimes or misconduct. She also said it was unreasonable to expect young students to know the “proper channels” for reporting such events.

“Frankly, many of them don’t know if they’ll be believed,” Hull said. “It makes sense that they would feel the need to capture hard evidence and indisputable evidence.”

In a letter to Springfield Superintendent Grenita Lathan, Dan Shelley, president and CEO of the Radio Television Digital News Association, urged her to reconsider Walton’s punishment.

He said several court decisions have upheld citizens’ rights to record activity in public places and that the district’s policy on use of electronic devices “flies in the face” of those rights.

“The student says she was recording the teacher’s alleged racist remarks for the express purpose of making a record of the incident should the events in the classroom at that moment come into dispute,” Shelley wrote. “In our opinion, that makes her a lawful whistleblower, not a delinquent. She should be congratulated, not punished.”

Hull said Walton’s supporters are hoping the district will apologize to Walton, expunge the suspension from her record and take the opportunity to show students it is all right to acknowledge making a mistake.

Wellborn said the district has not apologized and has said it will not remove the suspension from her daughter’s record.

A guide to wrapping in CSS

Protect your digital assets with our advanced cybersecurity solutions.

A guide to wrapping in CSS

Passkeys: What the Heck and Why?

Missouri Teacher Who Used 'N-Word' In Class Resigns